/* =====================================================================
   NETBANK DARK (NAVY) TOKENS  —  netbank-dark-tokens.css
   Netbank (A Rural Bank), Inc. · dark-console layer for the Brand Kit

   The Brand Kit (netbank-tokens.css) defines the canonical LIGHT palette.
   This file adds the dark-console surfaces used by long-running agent
   tools (Voice Orchestrator) while keeping every brand hue intact:
   the primary blue #0440AC still carries the UI, the navy #06317F
   family becomes the ground, and the teal #15B8C9 stays the sparing
   secondary accent.

   Link AFTER netbank-tokens.css:
     <link rel="stylesheet" href="/brand/netbank-tokens.css">
     <link rel="stylesheet" href="/brand/netbank-dark-tokens.css">
   ===================================================================== */

:root {
  /* --- Ground: navy derived from --nb-blue-deep (#06317F) --- */
  --vo-bg:          #0A1524;   /* page background (deepest)            */
  --vo-bg-term:     #061020;   /* terminal / code well                 */
  --vo-header:      #0F1E33;   /* app header band                      */
  --vo-tab:         #0E1B2D;   /* inactive tab                         */
  --vo-tab-active:  #14263E;   /* active tab                           */
  --vo-panel:       #101E32;   /* working / thinking panel             */
  --vo-surface:     #12213A;   /* cards, bubbles, menus                */
  --vo-surface-2:   #142542;   /* icon buttons, chips                  */
  --vo-surface-3:   #1C3355;   /* hover                                */

  /* --- Hairlines --- */
  --vo-border:      #24395C;   /* default border                       */
  --vo-border-soft: #1E3352;   /* subtle divider (header, tabs)        */
  --vo-border-2:    #2C4468;   /* control border                       */
  --vo-border-3:    #33507A;   /* raised control border                */

  /* --- Text on navy --- */
  --vo-text:        #E8EEF8;   /* primary                              */
  --vo-text-2:      #D5DFEE;   /* secondary                            */
  --vo-text-3:      #B6C6DE;   /* tertiary                             */
  --vo-muted:       #9BADC9;   /* labels, inactive controls            */
  --vo-muted-2:     #8A9CBB;   /* captions                             */
  --vo-dim:         #788CAE;   /* faint / disabled (AA everywhere)     */

  /* --- Brand blue on dark ---
     Filled surfaces keep the canonical --nb-blue. Text/border accents
     use a lifted blue so they clear WCAG AA against the navy ground. */
  --vo-fill:        #0440AC;   /* = --nb-blue · filled buttons/bubbles */
  --vo-fill-hover:  #1E4FB0;   /* = --nb-blue-bright                   */
  --vo-accent:      #4C8CF5;   /* links, active text, carets           */
  --vo-accent-deep: #2E6FD8;   /* accent hover / pressed               */
  --vo-accent-dim:  #A9CBF5;   /* accent text inside tinted chips      */
  --vo-tint:        #14294C;   /* selected / highlight tint            */
  --vo-tint-2:      #12294A;   /* tool-call chip tint                  */
  --vo-on-fill:     #FFFFFF;   /* text on --vo-fill                    */
  --vo-accent-rgb:  76, 140, 245;

  /* --- Secondary accent: brand teal, used sparingly (voice / live) --- */
  --vo-teal:        #15B8C9;   /* = --nb-teal                          */
  --vo-teal-rgb:    21, 184, 201;

  /* --- Semantic on dark (lifted from the Brand Kit semantics) --- */
  --vo-success:     #34D399;
  --vo-success-bg:  #0E3A2C;
  --vo-warning:     #D99C2E;
  --vo-danger:      #F87171;
  --vo-danger-bg:   #2B1618;
  --vo-danger-bd:   #5A2A2A;
  --vo-danger-rgb:  248, 113, 113;
}