/**
 * Design tokens — Linarys (from linarys-website/site/src/styles/tokens.css)
 */
:root {
  --color-navy: #001a5d;
  --color-ink: #0c1330;
  --color-muted: #5c5c72;
  --color-muted-2: #85859a;
  --color-bg: #ffffff;
  --color-soft: #f6f3fb;
  --color-softer: #fbfafe;
  --color-line: #e9e5f2;
  --color-line-2: #efecf7;
  --color-blue: #00b3ff;
  --color-purple: #7d2cce;
  --color-magenta: #e127f4;
  --gradient-brand: linear-gradient(100deg, #00b3ff 0%, #7d2cce 52%, #e127f4 100%);
  --font-display: 'Poppins', system-ui, sans-serif;
  --font-body: 'Roboto', system-ui, sans-serif;
  --text-xs: 0.8125rem;
  --text-sm: 0.875rem;
  --text-base: 1rem;
  --radius-sm: 12px;
  --radius-md: 18px;
  --radius-pill: 999px;
  --shadow-nav: 0 10px 30px -22px rgba(0, 26, 93, 0.55);
  --shadow-card: 0 24px 50px -28px rgba(76, 47, 187, 0.45);
  --nav-height: 56px;
  --mob-nav-height: 52px;
  --sidebar-w: 300px;
  --ai-w: 380px;
  --term-h: 220px;

  /* Motion — use only these in design prototypes */
  --motion-fast: 150ms;
  --motion-base: 220ms;
  --motion-slow: 360ms;
  --motion-slower: 500ms;
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-in-out: cubic-bezier(0.45, 0, 0.55, 1);
  --ease-spring: cubic-bezier(0.34, 1.2, 0.64, 1);
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --motion-fast: 0ms;
    --motion-base: 0ms;
    --motion-slow: 0ms;
    --motion-slower: 0ms;
  }
}