/* ============================================================
   Hawk Platform — Design Tokens
   Grounded in LGT brand identity (design.md)
   ============================================================ */

:root {
  /* ── Color ── */
  --color-ink: #1B2A4A;
  --color-brand-blue: #2B5797;
  --color-parchment: #F7F5F0;
  --color-slate: #5C6773;
  --color-bronze: #A88958;
  --color-surface: #FFFFFF;
  --color-positive: #3A6B52;
  --color-negative: #8B4A3B;
  --color-border: #E3DFD6;

  /* ── Derivative fills (tints at low opacity) ── */
  --color-bronze-tint: rgba(168, 137, 88, 0.12);
  --color-bronze-tint-strong: rgba(168, 137, 88, 0.20);
  --color-positive-tint: rgba(58, 107, 82, 0.12);
  --color-negative-tint: rgba(139, 74, 59, 0.12);
  --color-brand-tint: rgba(43, 87, 151, 0.10);
  --color-slate-tint: rgba(92, 103, 115, 0.08);
  --color-ink-tint: rgba(27, 42, 74, 0.06);

  /* ── Type families ── */
  --font-display: 'Fraunces', 'Georgia', serif;
  --font-body: 'Inter', -apple-system, 'Segoe UI', sans-serif;
  --font-data: 'IBM Plex Mono', 'SF Mono', 'Consolas', monospace;

  /* ── Type scale (base 16px) ── */
  --text-xs: 12px;
  --text-sm: 14px;
  --text-base: 16px;
  --text-lg: 20px;
  --text-xl: 28px;
  --text-2xl: 40px;

  /* ── Line heights ── */
  --lh-tight: 1.2;
  --lh-body: 1.5;
  --lh-data: 1.4;

  /* ── Spacing scale (4px base) ── */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;

  /* ── Radius ── */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-pill: 999px;

  /* ── Layout ── */
  --sidebar-width: 240px;
  --header-height: 64px;
  --content-max: 1440px;
  --content-margin: 40px;

  /* ── Shadows (subtle, not flashy) ── */
  --shadow-card: 0 1px 3px rgba(27, 42, 74, 0.06);
  --shadow-raised: 0 4px 12px rgba(27, 42, 74, 0.08);
  --shadow-modal: 0 8px 32px rgba(27, 42, 74, 0.14);

  /* ── Transitions ── */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --transition-fast: 150ms var(--ease-out);
  --transition-base: 250ms var(--ease-out);
}

/* ── Reduced motion preferences ── */
@media (prefers-reduced-motion: reduce) {
  --ease-out: cubic-bezier(0, 0, 1, 1);
  --transition-fast: 0ms;
  --transition-base: 0ms;
}