/* ============================================================
   Confirm — color tokens
   Deep security navy/indigo + brand green on cool paper.
   Base ramps first, then semantic aliases.
   ============================================================ */
:root {
  /* ---- ink + paper (cool neutrals, tuned to the brand indigo) ---- */
  --paper:      #FBFBFD;   /* page background */
  --paper-2:    #F1F2F8;   /* subtle raised surface / alt section */
  --paper-3:    #E6E8F2;   /* deeper tint */
  --ink:        #0E1430;   /* primary text */
  --ink-soft:   #444C6B;   /* secondary text */
  --ink-faint:  #828BA8;   /* tertiary / captions */
  --line:       #E2E4EF;   /* default border */
  --line-soft:  #EDEEF5;   /* faint divider */

  /* ---- brand navy / indigo ramp (logo navy = #0B1D6F) ---- */
  --navy-900:   #070E36;   /* darkest — dark sections, footer */
  --navy-850:   #0A1550;
  --navy-800:   #0B1D6F;   /* brand navy — primary button, logo */
  --navy-700:   #1A2C86;   /* links, icon accents */
  --navy-600:   #3A4CA8;
  --navy-line:  #242E66;   /* borders on navy surfaces */

  /* ---- accent — brand green (token names kept as --orange* for
          back-compat with the original stylesheet) ---- */
  --orange:      #25D55F;  /* bright green — decorative / on dark */
  --orange-600:  #0B8A3C;  /* deep green — text/icons on light (AA) */
  --orange-300:  #3FE177;  /* bright green — on navy */
  --orange-soft: #E3F8EC;  /* green tint surface */

  /* ---- text on navy ---- */
  --on-navy:       #ECEFFB;
  --on-navy-soft:  #AEB6DC;
  --on-navy-faint: #6E77A8;

  /* ---- risk / liveness signal (deepfake console) ---- */
  --risk:      #E03131;   /* danger red */
  --risk-soft: #FF5A5A;
  --warn:      #E8A23B;   /* mid-band amber */

  /* =================== semantic aliases =================== */
  --bg-page:       var(--paper);
  --bg-alt:        var(--paper-2);
  --bg-dark:       var(--navy-900);
  --surface-card:  #ffffff;
  --surface-sunken: var(--paper-2);

  --text-strong:   var(--ink);
  --text-body:     var(--ink-soft);
  --text-muted:    var(--ink-faint);
  --text-on-dark:  var(--on-navy);
  --text-on-dark-soft: var(--on-navy-soft);

  --border:        var(--line);
  --border-soft:   var(--line-soft);
  --border-dark:   var(--navy-line);

  --accent:        var(--orange);       /* bright green */
  --accent-ink:    var(--orange-600);   /* readable green on light */
  --accent-on-dark: var(--orange-300);
  --accent-surface: var(--orange-soft);

  --brand:         var(--navy-800);
  --link:          var(--navy-700);
}