/* The Infrastructure Agent design tokens */
:root {
  /* Color foundation: dark navy + gold + electric cyan from logo */
  --ink-0: #0A1020;          /* deepest navy */
  --ink-1: #101A2E;          /* page background */
  --ink-2: #14223A;          /* surface */
  --ink-3: #192A46;          /* surface alt / cards */
  --ink-4: #223655;          /* raised surface */
  --line: #344765;           /* dividers */
  --line-strong: #4B6288;    /* stronger dividers */

  --fg: #E8ECF4;             /* primary text */
  --fg-muted: #C0C8D6;       /* secondary text */
  --fg-faint: #8E9AAF;       /* tertiary text */

  --gold: #D4A656;           /* primary gold from logo */
  --gold-soft: #E8C57E;      /* highlight gold */
  --gold-deep: #9C7A36;      /* deeper gold */

  --cyan: #38BDF8;           /* electric blueprint cyan */
  --cyan-soft: #7DD3FC;
  --cyan-deep: #0E7FB8;

  --signal: #5BE6C9;         /* success/scan signal */
  --warn:   #F2B557;
  --error:  #E6688A;

  /* Type */
  --font-display: "Cabinet Grotesk", "Inter", system-ui, sans-serif;
  --font-body: "Switzer", "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;

  /* Type scale (modular, slightly compressed for editorial density) */
  --text-xs: 0.75rem;        /* 12 */
  --text-sm: 0.875rem;       /* 14 */
  --text-base: 1rem;         /* 16 */
  --text-md: 1.0625rem;      /* 17 */
  --text-lg: 1.25rem;        /* 20 */
  --text-xl: 1.5rem;         /* 24 */
  --text-2xl: 2rem;          /* 32 */
  --text-3xl: 2.75rem;       /* 44 */
  --text-4xl: 3.75rem;       /* 60 */
  --text-hero: clamp(2.75rem, 6.5vw, 5.25rem);

  /* Layout */
  --maxw: 1240px;
  --maxw-narrow: 880px;
  --gutter: clamp(1.25rem, 4vw, 2.5rem);
  --radius-sm: 6px;
  --radius: 10px;
  --radius-lg: 14px;

  --shadow-soft: 0 1px 0 rgba(255,255,255,0.03) inset, 0 30px 80px -40px rgba(0,0,0,0.6);
  --shadow-pop: 0 1px 0 rgba(255,255,255,0.04) inset, 0 50px 120px -40px rgba(0,0,0,0.8);

  /* Motion */
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --dur-fast: 160ms;
  --dur: 280ms;
  --dur-slow: 520ms;
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    transition-duration: 0.01ms !important;
  }
}