/* Investa AI Solution — Corporate Page design tokens.
   Single source of truth for color/radius/motion values used by index.html.
   Palette matches Investa AI Branding Kit-V04 (see uploads/ in the design kit). */
:root{
  color-scheme: light;

  /* ---- Brand palette ---- */
  --midnight-navy:#141E3C;
  --royal-navy:#1E3264;
  --sapphire:#283C82;
  --ice-blue:#82C8E6;
  --ice-blue-hover:#A5D8EF;
  --rich-gold:#B49C6C;
  --bronze:#6E5028;
  --slate-grey:#5A6478;
  --mist:#E8EBF1;

  /* ---- Light-mode interface tokens (default) ---- */
  --surface-page:#FCFCFC;
  --surface-raised:#FFFFFF;
  --surface-sunken:#F4F6FA;
  --border-hairline:#E4E7ED;
  --text-primary:#1E3264;
  --text-secondary:#3E4A66;
  --action-primary:#283C82; /* Sapphire — gold is an accent, never a field */

  /* ---- Dark-mode interface tokens (hero, final CTA, footer bands) ---- */
  --dark-surface-page:#141E3C;
  --dark-surface-raised:#1E2850;
  --dark-border-hairline:#203058;
  --dark-text-primary:#FFFFFF;
  --dark-text-secondary:#AEB8CC;
  --dark-text-muted:#7A87A6;
  --dark-action-primary:#82C8E6; /* Ice Blue on dark — NOT gold */
  --dark-outline:#38507F;
  --dark-footer-surface:#0E1730;
  --status-error-dark:#F2A0A0;

  /* ---- One-off accents (no equivalent in the 7-color brand ramp above) ---- */
  --divider-light:#F1F3F7;
  --link-underline:#C3CBDF;

  /* Sticky-header glass treatment: translucent surface-raised, paired with
     backdrop-filter blur in index.html's @supports block. "Glass panel" is
     one of the brand kit's seven approved graphic-language elements. */
  --surface-raised-glass: rgba(255, 255, 255, 0.82);

  /* ---- Radii: two-tier system — 4px controls, 8px containers.
     (2px SVG icon corner radii are internal to the icon artwork's own 48px
     grid per the brand kit's iconography rules and are intentionally not
     part of this UI radius system.) ---- */
  --r-control:4px;
  --r-container:8px;

  /* ---- Motion ---- */
  --ease-investa:cubic-bezier(0.2,0.8,0.2,1); /* "the Investa curve" */
  --ease-investa-drawer:cubic-bezier(0.16,1,0.3,1); /* expand/reveal curve — mobile nav panel, icon retrace, notify-status */
  --t-fast:120ms;
}