/* ============================================================================
 * Assistant — ACCENT-ONLY override for the Hiroi "Voltage" design system.
 * (Jinja-side twin of frontend/src/theme/accent.css — keep the two in sync.)
 * ----------------------------------------------------------------------------
 * The single per-app override allowed by the suite design contract: the accent.
 * Assistant's accent is GREEN. Everything else — the C=0 neutral ramp, Geist +
 * Geist Mono type, machined radii, flat hairline elevation — is inherited
 * UNCHANGED from @trent3759/hiroi-ui so a package bump upgrades this app with
 * zero per-app edits.
 *
 * Structured exactly like the voltage block in the package's tokens.css, for
 * BOTH themes. Uses an UNLAYERED :root so it beats @layer hiroi.tokens. The
 * [data-theme="dark"] block is placed LAST so it wins when dark is active.
 * Loaded AFTER the package-built dist/hiroi/hiroi.css in every base template.
 * ========================================================================== */

/* ---- LIGHT (base) --------------------------------------------------------- */
:root {
  --volt-teal: oklch(76% 0.13 162);
  --volt-cyan: oklch(64% 0.15 158);
  --volt-indigo: oklch(52% 0.16 150);
  --volt-grad: linear-gradient(135deg, var(--volt-teal), var(--volt-cyan), var(--volt-indigo));

  --accent: var(--volt-cyan);
  --link: oklch(47% 0.15 156);
  --ring-band: oklch(52% 0.15 158);
  /* Light-theme --voltage-text is a hardcoded blue in the package (not derived
   * from --accent); pin it to the green hue so accent glyphs on --teal-soft
   * match the app accent and still clear AA. */
  --voltage-text: oklch(44% 0.15 156);

  /* back-compat aliases hiroi-ui still resolves through */
  --teal: var(--accent);
  --teal-fill: oklch(49% 0.15 156);
  --teal-on: oklch(100% 0 0);
  --teal-soft: color-mix(in srgb, var(--volt-cyan) 12%, var(--surface));
  --indigo: var(--volt-indigo);
  --indigo-soft: color-mix(in srgb, var(--volt-indigo) 12%, var(--surface));
}

/* ---- DARK (placed last; wins when [data-theme=dark] is set) --------------- */
[data-theme='dark'] {
  --volt-teal: oklch(81% 0.12 162);
  --volt-cyan: oklch(72% 0.15 158);
  --volt-indigo: oklch(60% 0.16 150);
  --volt-grad: linear-gradient(135deg, var(--volt-teal), var(--volt-cyan), var(--volt-indigo));

  --accent: var(--volt-cyan);
  --link: var(--volt-cyan);
  --ring-band: var(--volt-cyan);
  /* Must be restated here. The light block above pins --voltage-text from an
   * UNLAYERED :root, which outranks the package's own [data-theme=dark] rule
   * inside @layer hiroi.tokens — so without this, dark mode would keep the 44%
   * green meant for light surfaces and every accent glyph would render
   * dark-on-dark. Package intent for dark is the bright accent. */
  --voltage-text: var(--accent);

  --teal: var(--accent);
  --teal-fill: var(--volt-cyan);
  --teal-on: oklch(16% 0.02 158);
  --teal-soft: color-mix(in srgb, var(--volt-cyan) 16%, var(--surface));
  --indigo: var(--volt-indigo);
  --indigo-soft: color-mix(in srgb, var(--volt-indigo) 16%, var(--surface));
}