/* ==========================================================================
   deccentral.com — site token overrides (@fgl/vituno adoption contract).

   This file is the SUPPORTED brand surface (KB fgl-frontend-pattern): it may
   redeclare custom properties that src/_includes/fgl/tokens.json defines —
   nothing else. The framework's override lint (npm run gates) fails the
   build on a custom property this file declares that tokens.json doesn't
   know; component rules fighting the framework CSS are a review-visible
   smell, not a supported mechanism.

   Palette (Story 1.2.1, refined via the Claude Design round trip
   2026-07-21): "refine around app blue" — anchored on the app's Tailwind
   blue, deepened to pass WCAG AA. Both scheme blocks are contrast-verified
   by the vendored framework gate itself since vituno v0.3 (per-scheme
   contrast:light/contrast:dark passes, Story 4.2.1 — the site-local AA
   shim test/brand-contrast.test.mjs retired at that import bump).
   --accent-info also feeds --focus-ring.
   ========================================================================== */
:root {
  --brand-primary: #2563EB;
  --brand-primary-hover: #1D4ED8;
  --brand-primary-active: #1E40AF;
  --brand-secondary: #1E3A8A;
  --surface-primary: #F7F9FC;
  --surface-elevated: #FFFFFF;
  --ink-body: #0F172A;
  --ink-muted: #475569;
  --border-subtle: #E2E8F0;
  --border-strong: #64748B;
  /* Ring/link accent must be DISTINGUISHABLE from the CTA fill it wraps
     (Story 4.4.1): #2563EB here equaled --brand-primary, so the light-mode
     focus ring vanished against the button (1.00:1). Deep navy: 3.22:1 vs
     the fill, 15.80:1 page / 16.67:1 card (ring 3.0 + link 4.5 gate rows). */
  --accent-info: #101C3F;
}

/* Night mode — prefers-color-scheme only (no JS, CSP-safe; a manual
   [data-theme] toggle is a vituno ask, hub PR #648). The CTA blue and its
   darkening hover/active ramp stay IDENTICAL to light: the framework owns
   the white button label, and lightening the ramp would drop it below
   4.5:1. Status sets get tinted dark backgrounds + light inks; shadows
   flatten (borders carry elevation on dark). */
@media (prefers-color-scheme: dark) {
  :root {
    --brand-secondary: #A3BFFA;
    --surface-primary: #0B1220;
    --surface-elevated: #151E31;
    --ink-body: #E7ECF5;
    --ink-muted: #9AA7BC;
    --border-subtle: #263349;
    --border-strong: #7E8CA3;
    --accent-info: #7CA6F8;
    --color-success: #57C48A;
    --success-bg: #12291C;
    --success-border: #1E3D2B;
    --success-ink: #86D9A8;
    --color-warning: #D9A840;
    --warning-bg: #2C230D;
    --warning-border: #4A3B16;
    --warning-ink: #E3B34E;
    --color-neutral: #9AA7BC;
    --neutral-bg: #1D2433;
    --neutral-ink: #B6C0D2;
    --color-error-form: #F87171;
    --shadow-1: 0 1px 4px rgba(0, 0, 0, 0.45);
    --shadow-2: 0 4px 16px rgba(0, 0, 0, 0.55);
  }
}