/* ================================================================
   VERACITA CREAM BRAND PASS - marketing site (veracita.ai)
   ----------------------------------------------------------------
   Overrides ONLY. Load LAST (after tokens.css and all section/
   component CSS) so these values win by source order.

   Scope: the site's LIGHT theme surfaces only. The site is token-
   driven; :root / [data-theme="dark"] is the DEFAULT render and is
   NOT touched here - dark hero and dark contrast bands keep their
   rhythm. This file re-colors the [data-theme="light"] rendering
   (shared with the app via the theme cookie/localStorage) from the
   generic white / blue-grey slate palette to the ratified cream
   brand: whites -> cream family, slate/blue-grey -> warm ink.

   Nothing here changes copy, structure, CTAs, layout, founder
   amber, or verdict/status colors.
   ================================================================ */

[data-theme="light"] {

  /* --- Backgrounds: cream family (was #FFFFFF / #F8F9FC / #F1F3F8) --- */
  --vc-bg-base:           #F5F1E8;   /* nav + footer - panel, a distinct deeper cream layer (matches app base) */
  --vc-bg-body:           #FAF8F2;   /* page background */
  --vc-bg-surface:        #FAF6EC;   /* cards, panels, inputs - paper */
  --vc-bg-surface-2:      #EFE9DC;   /* hover state on surface */
  --vc-bg-glass:          rgba(31, 29, 22, 0.02);
  --vc-bg-glass-hover:    rgba(31, 29, 22, 0.04);
  --vc-bg-depth:          #F5F1E8;   /* alternate section background - panel */

  /* --- Text: warm ink (was cool grey/slate #111827 / #374151 / ...) --- */
  --vc-text-primary:      #1F1D16;   /* ink */
  --vc-text-secondary:    #57534E;
  --vc-text-tertiary:     #6B675E;   /* matches app tertiary tier */
  --vc-text-muted:        #8A857A;   /* matches app muted tier */
  --vc-text-disabled:     #D6D0C4;

  /* --- Accent: brand indigo, normalized to the ratified pair.
         (Light theme already used indigo #6366F1/#4F46E5 - this is an
         in-brand nudge, not a recolor. Purple gradient stops and the
         distinct action-blue button are left untouched.) --- */
  --vc-accent:            #5B5BD6;
  --vc-accent-hover:      #4F46E5;
  --vc-accent-subtle:     rgba(79, 70, 229, 0.07);
  --vc-accent-border:     rgba(79, 70, 229, 0.18);
  --vc-eyebrow-bg:        rgba(79, 70, 229, 0.06);
  --vc-eyebrow-border:    rgba(79, 70, 229, 0.16);

  /* --- Borders: warm ink tints (was rgba(0,0,0,...)) --- */
  --vc-border-subtle:     rgba(31, 29, 22, 0.08);
  --vc-border-default:    rgba(31, 29, 22, 0.12);
  --vc-border-emphasis:   rgba(31, 29, 22, 0.20);

  /* --- Shadows: warm ink instead of cool black --- */
  --vc-shadow-sm:         0 1px 3px rgba(31, 29, 22, 0.06);
  --vc-shadow-md:         0 4px 16px rgba(31, 29, 22, 0.08);
  --vc-shadow-lg:         0 8px 32px rgba(31, 29, 22, 0.10);

  /* Founder amber, verdict/status colors, action-blue and purple
     gradient stops are intentionally NOT overridden here. */
}

/* ================================================================
   Hardcoded light-theme surfaces that bypass the token layer.
   Same selector specificity as their origin rules; this file loads
   afterwards, so these win by source order.
   ================================================================ */

/* Scrolled nav glass was pure white (layout.css) - warm it to cream */
[data-theme="light"] .site-nav.scrolled {
  background: rgba(250, 246, 236, 0.85);
}

/* Hero showcase frame ring/shadow was cool slate rgba(15,23,42,..)
   (hero.css) - warm to ink so the frame reads on cream, not blue-grey */
[data-theme="light"] .hero-showcase-frame {
  box-shadow:
    0 4px 24px rgba(31, 29, 22, 0.10),
    0 0 0 1px rgba(31, 29, 22, 0.05),
    0 0 60px rgba(79, 70, 229, 0.10);
}