/* Nas brand tokens: drop into the site's global CSS.
   Light is the default theme; dark mode swaps the grounds and uses Iris Light for the accent. */


:root {
  /* Brand palette */
  --nas-ink: #0A0A0B;
  --nas-paper: #FFFFFF;
  --nas-graphite: #1C1C1F;
  --nas-ash: #8A8894;
  --nas-mist: #EDEDF0;
  --nas-iris: #5A3DD0;        /* purple accent: on white / light grounds */
  --nas-iris-light: #8C75F2;  /* purple accent: on black / dark grounds */

  /* Semantic (light theme) */
  --color-bg: var(--nas-paper);
  --color-surface: #F6F6F7;
  --color-text: var(--nas-ink);
  --color-text-muted: #6B6A73;
  --color-border: #E6E6EA;
  --color-accent: var(--nas-iris);

  /* Type */
  --font-sans: "Ubuntu", "Helvetica Neue", "Segoe UI", system-ui, sans-serif;
  --font-mono: "Ubuntu Mono", ui-monospace, Consolas, monospace;
  --font-script: "Mr Dafoe", cursive; /* logo only; use the SVG logo files wherever possible */

  --text-xs: 0.75rem;   /* 12 labels */
  --text-sm: 0.875rem;  /* 14 captions */
  --text-base: 1rem;    /* 16 body */
  --text-lg: 1.125rem;  /* 18 lead */
  --text-xl: 1.5rem;    /* 24 */
  --text-2xl: 2rem;     /* 32 */
  --text-3xl: 2.75rem;  /* 44 section titles */
  --text-4xl: 4rem;     /* 64 hero */
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-bold: 700;
  --tracking-tight: -0.03em;  /* headlines */
  --tracking-label: 0.14em;   /* uppercase mono labels */

  /* Space and shape */
  --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px; --space-5: 24px;
  --space-6: 32px; --space-7: 48px; --space-8: 64px; --space-9: 96px; --space-10: 128px;
  --radius-sm: 3px;
  --radius-md: 4px;
  --radius-pill: 999px;
  --container: 1120px;

  /* Motion */
  --ease-nas: cubic-bezier(.65, 0, .35, 1);     /* signature: state to state */
  --ease-arrive: cubic-bezier(.16, 1, .3, 1);   /* entrances, reveals */
  --ease-exit: cubic-bezier(.7, 0, .84, 0);     /* exits */
  --dur-micro: 333ms;   /* 8f @ 24fps */
  --dur-ui: 500ms;      /* 12f */
  --dur-scene: 750ms;   /* 18f */
  --dur-hero: 1000ms;   /* 24f */
  --dur-signature: 1500ms; /* 36f logo write-on */
}

@media (prefers-color-scheme: dark) {
  :root {
    --color-bg: var(--nas-ink);
    --color-surface: #131315;
    --color-text: #F4F4F5;
    --color-text-muted: #9A99A3;
    --color-border: #25252A;
    --color-accent: var(--nas-iris-light);
  }
}

@media (prefers-reduced-motion: reduce) {
  :root { --dur-micro: 0ms; --dur-ui: 0ms; --dur-scene: 0ms; --dur-hero: 0ms; --dur-signature: 0ms; }
}