/* IOVO design tokens (pass 9: the IOVO theme) — shared by /, /about/ and /puronics/.
   Derived from the IOVO mark: graphite surfaces, warm white type, the node's amber as THE accent
   (CTAs, active states, highlights, numbers). The ring's blue → cyan is reserved for hero / brand moments. */
:root {
  /* Surfaces: near-black graphite, never navy */
  --ink-0: #07080B;          /* page */
  --ink-1: #0C0E12;          /* raised */
  --ink-2: #14161B;          /* highest */
  --ink-3: #1C1F25;          /* controls on raised */
  --line: rgba(244, 241, 236, .08);
  --line-strong: rgba(244, 241, 236, .15);

  /* Text: warm white */
  --text: #F4F1EC;
  --text-2: #A9A59E;
  --text-3: #6F6C67;

  /* The node: THE accent (sampled from the mark: #FFC21F → #FF9A27 → #FF6A2D) */
  --accent: #FF9A27;
  --accent-hi: #FFC247;
  --accent-lo: #FF6A2D;
  --accent-ink: #1A0E02;     /* text on accent */
  --accent-soft: rgba(255, 154, 39, .12);
  --amber: var(--accent);
  --ember: var(--accent-lo);
  --node: radial-gradient(circle at 35% 30%, #FFD36B 0%, var(--accent) 45%, var(--accent-lo) 100%);

  /* The ring: brand moments only (hero, logo) */
  --hydro: #0B5FE0;
  --hydro-deep: #0736A8;
  --cyan: #38C8FF;
  --ring: linear-gradient(135deg, var(--hydro-deep) 0%, var(--hydro) 45%, var(--cyan) 100%);
  /* Legacy name for small highlights (eyebrows, links, thin lines): now the accent */
  --aqua: var(--accent);

  /* Status */
  --live: #5FD49A;
  --pilot: var(--accent);
  --soon: var(--text-3);
  --danger: #FF5C6C;

  /* Line art (the flow, mini-UIs): warm white subject, graphite architecture, amber moment */
  --art-hi: #F4F1EC;
  --art-mid: #8E8A83;
  --art-lo: #4A4843;
  --art-fill: #111317;

  /* Type */
  --font-display: "Sora", ui-sans-serif, system-ui, sans-serif;
  --font-body: "Sora", ui-sans-serif, system-ui, sans-serif;
  --font-mono: "Geist Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;

  /* Radii / motion */
  --r-1: 6px; --r-2: 12px; --r-3: 20px; --r-pill: 999px;
  --ease-out: cubic-bezier(.16, 1, .3, 1);
  --ease-water: cubic-bezier(.45, .05, .25, 1);
  --ease-snap: cubic-bezier(.34, 1.56, .64, 1);
}

/* Theme B (variant study only, `?theme=b`): cool graphite, steel-blue line art, same amber accent. */
html.theme-b {
  --ink-0: #08090C; --ink-1: #0D0F13; --ink-2: #15181D;
  --text: #EEF1F5; --text-2: #9DA5B0; --text-3: #626A75;
  --line: rgba(200, 215, 235, .09); --line-strong: rgba(200, 215, 235, .17);
  --art-hi: #9FD3F0; --art-mid: #4E6E8C; --art-lo: #2A3A4C; --art-fill: #0E1319;
}