/* ============================================================
   mirajet Design Documents · Design Tokens
   ==============================================================
   모든 HTML 문서가 공유하는 디자인 토큰.
   변경 시 6개 문서 전체에 일괄 반영됨.

   Last updated: 2026.04
   ============================================================ */

:root {
  /* ----- Mirajet Brand Colors (BI 기준) ----- */
  --mirajet-purple: #562873;         /* Main · Pantone 269C */
  --mirajet-purple-light: #6a348e;   /* Sub · Pantone 268C */
  --mirajet-purple-deep: #4A1F75;    /* Extended */
  --mirajet-gold: #AF9071;            /* Pantone 10130C */
  --mirajet-silver: #C0C0C0;          /* Pantone 877C */

  /* ----- Grayscale ----- */
  --ink: #1a1a1a;
  --ink-soft: #333333;
  --gray-900: #262626;
  --gray-800: #333333;
  --gray-700: #525252;
  --gray-600: #737373;
  --gray-500: #888888;
  --gray-400: #a3a3a3;
  --gray-300: #d4d4d4;
  --gray-200: #e8e8e8;
  --gray-100: #f2f2f2;
  --gray-50: #fafafa;
  --paper: #ffffff;

  /* ----- Semantic Background Colors (배경 팔레트 제안서) ----- */
  --bg-primary: #ffffff;              /* 1. Primary Paper */
  --bg-warm-cream: #FAF7F2;           /* 2. Warm Cream */
  --bg-cool-paper: #F7F8F9;           /* 3. Cool Paper */
  --bg-soft-beige: #F3EFE8;           /* 4. Soft Beige */
  --bg-charcoal: #1F1F23;             /* 5. Deep Charcoal */
  --bg-ink: #0A0A0A;                  /* 6. Pure Ink */

  /* ----- Typography ----- */
  --font-sans: "Pretendard Variable", -apple-system, BlinkMacSystemFont,
               "Segoe UI", Roboto, sans-serif;
  --font-serif-en: "Playfair Display", "Times New Roman", Georgia, serif;
  --font-serif-kr: "Noto Serif KR", "맑은 고딕", serif;
  --font-mono: "JetBrains Mono", ui-monospace, "SFMono-Regular",
               "Menlo", monospace;

  /* ----- Font Sizes (modular scale 1.25) ----- */
  --text-xxs: 11px;
  --text-xs: 12px;
  --text-sm: 13px;
  --text-base: 15px;
  --text-md: 17px;
  --text-lg: 19px;
  --text-xl: 22px;
  --text-2xl: 26px;
  --text-3xl: 32px;
  --text-4xl: 40px;
  --text-5xl: 52px;
  --text-6xl: 68px;

  /* ----- Line Heights ----- */
  --leading-tight: 1.2;
  --leading-snug: 1.35;
  --leading-normal: 1.55;
  --leading-relaxed: 1.7;
  --leading-loose: 1.85;

  /* ----- Letter Spacings ----- */
  --tracking-tight: -0.025em;
  --tracking-normal: 0;
  --tracking-wide: 0.03em;
  --tracking-wider: 0.08em;
  --tracking-widest: 0.18em;

  /* ----- Spacing (8px grid) ----- */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --space-20: 80px;
  --space-24: 96px;
  --space-32: 128px;

  /* ----- Layout ----- */
  --page-max-width: 880px;      /* A4 210mm → 본문 가독성 확보 */
  --page-padding: 80px;
  --page-padding-mobile: 24px;

  /* ----- Borders ----- */
  --border-thin: 1px solid var(--gray-200);
  --border-medium: 1px solid var(--gray-300);
  --border-accent: 3px solid var(--mirajet-purple);
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;

  /* ----- Shadows ----- */
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.04);
  --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.06);
  --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.08);

  /* ----- Print (A4) ----- */
  --print-page-width: 210mm;
  --print-page-height: 297mm;
  --print-margin: 20mm;
}