/*
 * MIC Design Language — Layer 1: Foundation
 * ============================================================
 * Raw atomic values. No meaning. No decisions.
 *
 * Rule: this file contains ONLY irreducible constants:
 * palette hues, numeric scales, families, timing, elevation.
 * Semantic meaning (paper/ink/evidence/primary) lives in layer 2.
 *
 * Dependency: none
 * Consumed by: semantic.css
 *
 * Brand anchors (kept as brand assets, re-contextualised):
 *   Midnight  #001529  → authority, deep background, ink
 *   Gold      #d4af37  → evidence marker / emphasis (NOT luxury fill)
 */

:root {
  /* ---------------------------------------------------------
     Palette — raw hues
     --------------------------------------------------------- */
  --mic-palette-midnight-900: #001529;
  --mic-palette-midnight-800: #04213c;
  --mic-palette-midnight-700: #0a2f52;
  --mic-palette-midnight-600: #14436e;

  --mic-palette-gold-500: #d4af37;
  --mic-palette-gold-400: #e0c15c;
  --mic-palette-gold-300: #ecd489;
  --mic-palette-gold-100: #f7eecb;
  --mic-palette-gold-700: #8a6a1f; /* AA-safe gold for TEXT on light surfaces */

  --mic-palette-paper-000: #ffffff;
  --mic-palette-paper-050: #fafaf8;
  --mic-palette-paper-100: #f4f4f1;
  --mic-palette-paper-200: #ecece7;

  --mic-palette-slate-050: #f8fafc;
  --mic-palette-slate-100: #f1f5f9;
  --mic-palette-slate-200: #e2e8f0;
  --mic-palette-slate-300: #cbd5e1;
  --mic-palette-slate-400: #94a3b8;
  --mic-palette-slate-500: #64748b;
  --mic-palette-slate-600: #475569;
  --mic-palette-slate-700: #334155;
  --mic-palette-slate-800: #1e293b;
  --mic-palette-slate-900: #0f172a;

  --mic-palette-green-600: #15803d;
  --mic-palette-green-500: #22a35e;
  --mic-palette-amber-600: #b45309;
  --mic-palette-amber-500: #d97706;
  --mic-palette-red-600: #b91c1c;
  --mic-palette-red-500: #dc2626;
  --mic-palette-blue-600: #1d4ed8;

  /* ---------------------------------------------------------
     Spacing — 8px base grid (with 4px half-step)
     --------------------------------------------------------- */
  --mic-space-0:  0;
  --mic-space-1:  4px;
  --mic-space-2:  8px;
  --mic-space-3:  12px;
  --mic-space-4:  16px;
  --mic-space-5:  20px;
  --mic-space-6:  24px;
  --mic-space-7:  32px;
  --mic-space-8:  40px;
  --mic-space-9:  48px;
  --mic-space-10: 64px;
  --mic-space-11: 80px;
  --mic-space-12: 96px;
  --mic-space-13: 128px;

  /* ---------------------------------------------------------
     Type — families, sizes, weights, leading, tracking
     GFW-safe: system stacks only, no remote webfonts required.
     --------------------------------------------------------- */
  --mic-font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC",
    "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif;
  --mic-font-serif: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia,
    "Songti SC", "Noto Serif CJK SC", "Times New Roman", serif;
  --mic-font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;

  --mic-font-size-2xs: 0.6875rem; /* 11 */
  --mic-font-size-xs:  0.75rem;   /* 12 */
  --mic-font-size-sm:  0.875rem;  /* 14 */
  --mic-font-size-base:1rem;      /* 16 */
  --mic-font-size-md:  1.125rem;  /* 18 */
  --mic-font-size-lg:  1.375rem;  /* 22 */
  --mic-font-size-xl:  1.75rem;   /* 28 */
  --mic-font-size-2xl: 2.25rem;   /* 36 */
  --mic-font-size-3xl: 3rem;      /* 48 */
  --mic-font-size-4xl: 3.75rem;   /* 60 */
  --mic-font-size-5xl: 4.5rem;    /* 72 */

  --mic-font-weight-regular: 400;
  --mic-font-weight-medium:  500;
  --mic-font-weight-semibold:600;
  --mic-font-weight-bold:    700;

  --mic-leading-tight:   1.15;
  --mic-leading-snug:    1.35;
  --mic-leading-normal:  1.55;
  --mic-leading-relaxed: 1.75;

  --mic-tracking-tight:  -0.02em;
  --mic-tracking-normal: 0;
  --mic-tracking-wide:   0.02em;
  --mic-tracking-eyebrow:0.14em;

  /* ---------------------------------------------------------
     Radius — restrained, editorial
     --------------------------------------------------------- */
  --mic-radius-none: 0;
  --mic-radius-xs:   2px;
  --mic-radius-sm:   4px;
  --mic-radius-md:   6px;
  --mic-radius-lg:   10px;
  --mic-radius-xl:   16px;
  --mic-radius-full: 9999px;

  /* ---------------------------------------------------------
     Elevation — subtle, never heavy
     --------------------------------------------------------- */
  --mic-shadow-xs: 0 1px 2px rgba(15, 23, 42, 0.04);
  --mic-shadow-sm: 0 1px 3px rgba(15, 23, 42, 0.06), 0 1px 2px rgba(15, 23, 42, 0.04);
  --mic-shadow-md: 0 4px 12px rgba(15, 23, 42, 0.07);
  --mic-shadow-lg: 0 12px 32px -8px rgba(15, 23, 42, 0.12);
  --mic-shadow-xl: 0 24px 56px -16px rgba(15, 23, 42, 0.18);

  /* ---------------------------------------------------------
     Motion — restrained
     --------------------------------------------------------- */
  --mic-duration-fast: 120ms;
  --mic-duration-base: 200ms;
  --mic-duration-slow: 320ms;
  --mic-ease-standard:   cubic-bezier(0.4, 0, 0.2, 1);
  --mic-ease-emphasized: cubic-bezier(0.2, 0, 0, 1);

  /* ---------------------------------------------------------
     Layout — containers & breakpoints (breakpoints are
     documented here; CSS vars cannot be used in @media).
     sm: 640px  md: 768px  lg: 1024px  xl: 1280px  2xl: 1440px
     --------------------------------------------------------- */
  --mic-container-narrow: 720px;
  --mic-container:        1200px;
  --mic-container-wide:   1360px;
  --mic-gutter:           24px;
  --mic-gutter-lg:        40px;
  --mic-measure:          68ch;
  --mic-header-height:    72px;
}

@media (max-width: 767px) {
  :root {
    --mic-gutter: 20px;
    --mic-font-size-3xl: 2.25rem;
    --mic-font-size-4xl: 2.5rem;
    --mic-font-size-5xl: 2.75rem;
  }
}