/* Ambisera design tokens — values from Ambisera Brand Guidelines (Oct 2026), pages 44–65. */
:root {
  /* Primary */
  --navy: #1B2F73;
  --cream: #FAF7F2;
  --mint: #2FD3AE;
  /* Secondary */
  --cobalt: #4A7BE0;
  --lilac: #B5B0FB;
  --sky: #7FB8F0;
  --deep-mint: #217D68;
  /* States (UX/UI elements) */
  --amber: #E9A23B;
  --coral: #E5636B;
  --white: #FFFFFF;

  /* Shades */
  --navy-100: #EAEDF4; --navy-200: #C7CFE1; --navy-300: #A0ADCB; --navy-400: #7889B3;
  --navy-500: #4C6197; --navy-700: #172761; --navy-800: #13204F; --navy-900: #0F193E; --navy-1000: #0B122E;
  --mint-100: #F2FCF8; --mint-200: #DBF6ED; --mint-300: #C0EFE0;
  --cobalt-100: #F0F5FE; --cobalt-200: #D6E2FB;
  --lilac-100: #F9F9FF; --lilac-200: #EEEEFF;
  --neutral-100: #F6F5F4; --neutral-200: #E5E3E0; --neutral-300: #D3D0CA; --neutral-500: #A9A498;
  --neutral-600: #8E8778; --neutral-700: #6F6C65; --neutral-800: #525253;

  /* Text */
  --ink: var(--navy);
  --ink-muted: #4C6197;
  --ink-subtle: #6F6C65;
  --line: rgba(27, 47, 115, 0.12);
  --line-strong: rgba(27, 47, 115, 0.22);

  /* Type */
  --serif: "Source Serif 4", "Source Serif Pro", Georgia, serif;
  --sans: "DM Sans", system-ui, -apple-system, "Segoe UI", sans-serif;

  /* Digital scale — 16 px base */
  --fs-display: clamp(40px, 5.2vw, 64px);
  --fs-h1: 48px; --lh-h1: 52px;
  --fs-h2: 36px; --lh-h2: 40px;
  --fs-h3: 24px; --lh-h3: 30px;
  --fs-body-l: 18px; --lh-body-l: 28px;
  --fs-body: 16px; --lh-body: 24px;
  --fs-small: 14px; --lh-small: 20px;
  --fs-label: 12px; --lh-label: 16px;

  /* Radius */
  --r-field: 8px; --r-card: 12px; --r-panel: 16px; --r-pill: 999px;

  /* Spacing — 4 px base */
  --s1: 4px; --s2: 8px; --s3: 12px; --s4: 16px; --s5: 24px; --s6: 32px; --s7: 48px; --s8: 64px; --s9: 96px;

  /* Surfaces */
  --frost-bg: rgba(250, 247, 242, 0.84);
  --frost-border: 0.75px solid rgba(255, 255, 255, 0.9);
  --frost-blur: blur(24px);
  --shadow: 0 8px 24px rgba(27, 47, 115, 0.12);
  --focus: 0 0 0 1.5px var(--cobalt), 0 0 0 4.5px rgba(74, 123, 224, 0.15);

  /* Motion */
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --t-fast: 200ms; --t-slow: 320ms;

  /* The Mist */
  --mist:
    radial-gradient(60% 55% at 92% 88%, rgba(47, 211, 174, 0.50), transparent 70%),
    radial-gradient(45% 50% at 100% 20%, rgba(181, 176, 251, 0.35), transparent 70%),
    radial-gradient(50% 45% at 20% 105%, rgba(127, 184, 240, 0.30), transparent 70%),
    linear-gradient(135deg, #1B2F73 0%, #1B2F73 15%, #4A7BE0 100%);
}

@media (prefers-reduced-motion: reduce) {
  :root { --t-fast: 0ms; --t-slow: 0ms; }
  *, *::before, *::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; }
}