/* =========================================================================
   MMA-DMS · Design Tokens
   Editorial/legal aesthetic — warm paper, deep ink, burgundy authority
   ========================================================================= */

:root {
  /* --- Foundation palette ------------------------------------------------ */
  --paper:        #F4F0E8;   /* warm cream background */
  --paper-2:      #EBE5D6;   /* slightly darker card bg */
  --parchment:    #E4DCC7;   /* raised surfaces */
  --ink:          #1A1814;   /* deep ink primary text */
  --ink-2:        #2E2A23;   /* headings */
  --graphite:     #3E3A33;   /* body text */
  --fog:          #8B8576;   /* secondary text */
  --mist:         #BDB5A6;   /* tertiary, borders */
  --hairline:     #D9D1BE;   /* fine dividers */

  /* --- Accent palette ---------------------------------------------------- */
  --burgundy:     #7E2A2A;   /* primary — legal authority */
  --burgundy-dk:  #5A1D1D;
  --brass:        #B8873E;   /* secondary — warmth, highlight */
  --brass-dk:     #8C6628;
  --sage:         #6B8660;   /* success / approved */
  --sage-dk:      #4E6547;
  --rust:         #B5432A;   /* warn / restart */
  --rust-dk:      #8A301E;
  --slate:        #4A5560;   /* pending / neutral */

  /* --- Tier intensity (Minor → Critical) -------------------------------- */
  --tier-1-bg:    #DCE4CC;   --tier-1-fg:  #4E6547;
  --tier-2-bg:    #EFD9A8;   --tier-2-fg:  #8C6628;
  --tier-3-bg:    #E8B89A;   --tier-3-fg:  #8A301E;
  --tier-4-bg:    #D88770;   --tier-4-fg:  #4A1810;

  /* --- Track colors (A→F gradient) -------------------------------------- */
  --track-a:      #7E2A2A;   /* legal */
  --track-b:      #9B5A3A;
  --track-c:      #B8873E;
  --track-d:      #8A7B4A;
  --track-e:      #6B8660;
  --track-f:      #3E5A54;   /* executive */

  /* --- Typography -------------------------------------------------------- */
  --font-display: 'Fraunces', 'Playfair Display', Georgia, serif;
  --font-body:    'Instrument Sans', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-mono:    'JetBrains Mono', 'SF Mono', Monaco, Consolas, monospace;

  /* --- Type scale (modular, 1.25 ratio, base 16px) ---------------------- */
  --fs-xs:     0.75rem;    /* 12px */
  --fs-sm:     0.875rem;   /* 14px */
  --fs-base:   1rem;       /* 16px */
  --fs-md:     1.125rem;   /* 18px */
  --fs-lg:     1.375rem;   /* 22px */
  --fs-xl:     1.75rem;    /* 28px */
  --fs-2xl:    2.5rem;     /* 40px */
  --fs-3xl:    3.5rem;     /* 56px */
  --fs-hero:   5.5rem;     /* 88px */
  --fs-mega:   10rem;      /* 160px — reserved for hero displays */

  --lh-tight:  1.1;
  --lh-snug:   1.25;
  --lh-normal: 1.5;
  --lh-relaxed: 1.7;

  --ls-tight:  -0.02em;
  --ls-wide:   0.08em;
  --ls-mono:   -0.02em;

  /* --- Spacing scale ---------------------------------------------------- */
  --sp-1:   0.25rem;   /*  4px */
  --sp-2:   0.5rem;    /*  8px */
  --sp-3:   0.75rem;   /* 12px */
  --sp-4:   1rem;      /* 16px */
  --sp-5:   1.5rem;    /* 24px */
  --sp-6:   2rem;      /* 32px */
  --sp-7:   3rem;      /* 48px */
  --sp-8:   4rem;      /* 64px */
  --sp-9:   6rem;      /* 96px */
  --sp-10:  8rem;      /* 128px */

  /* --- Radius ----------------------------------------------------------- */
  --r-sm: 2px;
  --r-md: 4px;
  --r-lg: 8px;
  --r-pill: 999px;

  /* --- Shadows (soft, warm) --------------------------------------------- */
  --sh-sm:   0 1px 2px rgba(26, 24, 20, 0.06);
  --sh-md:   0 2px 8px rgba(26, 24, 20, 0.08), 0 1px 2px rgba(26, 24, 20, 0.04);
  --sh-lg:   0 8px 32px rgba(26, 24, 20, 0.10), 0 2px 8px rgba(26, 24, 20, 0.06);
  --sh-xl:   0 24px 64px rgba(26, 24, 20, 0.14), 0 4px 16px rgba(26, 24, 20, 0.08);
  --sh-inset: inset 0 1px 0 rgba(255, 255, 255, 0.4);

  /* --- Transitions ------------------------------------------------------ */
  --ease:       cubic-bezier(0.2, 0.6, 0.2, 1);
  --ease-in:    cubic-bezier(0.4, 0, 1, 1);
  --ease-out:   cubic-bezier(0, 0, 0.2, 1);
  --t-fast:     120ms var(--ease);
  --t-med:      240ms var(--ease);
  --t-slow:     480ms var(--ease);
}