/* ─────────────────────────────────────────────────────────
   PulsarOS / RELAY brand tokens.
   Source: /pulsaros-launch-site/README.md (brand spec, section 4)
   Apache License 2.0. Copyright 2026 PulsarOS Intelligence Inc.
   ───────────────────────────────────────────────────────── */

:root {
  /* Color */
  --ink-950: #060605; /* ground */
  --ink-900: #0b0b0a; /* surface */
  --ink-800: #131210; /* card */
  --ink-700: #1a1917; /* raised */
  --ink-500: #3a3833; /* divider */
  --ink-300: #7a756d; /* muted body */
  --ink-100: #c9c4bc; /* body text */
  --ink-0:   #f6f4f1; /* paper */

  --ember:      #e8603a; /* singular accent */
  --ember-glow: #ff7a4d; /* hover */
  --signal:     #6affb0; /* terminal-only success */
  --violet:     #a78bfa; /* voice state only */
  --warning:    #f6c177; /* OFFER / amber */
  --info:       #7eb6ff; /* TRACK / blue */
  --danger:     #e8603a; /* shares ember; used in dodge strikes */

  /* Type */
  --font-display: "Instrument Serif", "Times New Roman", Georgia, serif;
  --font-body:    "Inter Tight", system-ui, sans-serif;
  --font-mono:    "JetBrains Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;

  /* Type scale, modular, mobile-first */
  --fs-xs:   12px;
  --fs-sm:   13px;
  --fs-base: 16px;
  --fs-md:   18px;
  --fs-lg:   22px;
  --fs-xl:   28px;
  --fs-2xl:  40px;
  --fs-3xl:  56px;
  --fs-4xl:  84px;
  --fs-5xl:  120px;
  --fs-6xl:  168px;

  /* Spacing */
  --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;
  --space-11: 192px;

  /* Radius */
  --r-sm: 6px;
  --r-md: 12px;
  --r-lg: 20px;
  --r-xl: 32px;

  /* Easing, three named curves */
  --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out:   cubic-bezier(0.7, 0, 0.3, 1);
  --ease-spring:   cubic-bezier(0.34, 1.56, 0.64, 1);

  /* Timing */
  --t-fast:  160ms;
  --t-ui:    240ms;
  --t-slow:  600ms;
  --t-hero:  900ms;
  --t-tick:  1000ms;  /* M.03 cursor */
  --t-utter: 1100ms;  /* M.02 voice */
  --t-breathe: 3000ms; /* M.01 idle */

  /* Layout */
  --container: 1400px;
  --hairline: rgba(255, 255, 255, 0.10);
  --hairline-soft: rgba(255, 255, 255, 0.05);
  --inner-highlight: inset 0 1px 0 rgba(255, 255, 255, 0.10);
}

/* Desktop scale */
@media (min-width: 720px) {
  :root {
    --fs-base: 17px;
    --fs-md: 20px;
    --fs-lg: 26px;
    --fs-xl: 34px;
    --fs-2xl: 56px;
    --fs-3xl: 88px;
    --fs-4xl: 132px;
    --fs-5xl: 200px;
    --fs-6xl: 280px;
  }
}