/* ── ArbiBase Color Tokens — "Vault" ─────────────────────────
   Evergreen & bronze on cool stone. Natural, authoritative.
   Light: evergreen ink on stone. Dark: neutral graphite.
   Vault field (deep evergreen surface) is theme-invariant and
   reserved for hero moments: deck cover/close, offer, stats,
   quotes, email headers/CTAs, ads, social banners.
   Bronze is a rare jewel: italic accents + "new" markers only —
   never a button fill. Leaf green = positive cashflow / verified.
   ─────────────────────────────────────────────────────────── */

:root,
[data-theme="light"] {
  --bg:          #ECEFED;   /* cool stone */
  --bg-raised:   #FAFBFA;
  --bg-elevated: #E0E5E2;
  --bg-inset:    #D1D9D4;

  --text:        #0F2A20;   /* evergreen ink */
  --text-2:      #3A5047;
  --text-3:      #52665D;
  --text-muted:  #586B63;

  --line:        #CCD5D0;
  --line-soft:   #DCE3DF;
  --line-hard:   #AFBDB6;

  --brand:       #0F2A20;   /* evergreen — buttons, actions */
  --brand-hover: #163B2E;
  --brand-dim:   #DCE8E1;
  --brand-text:  #0F2A20;
  --on-brand:    #F2EBDD;   /* text on brand fills */

  --accent-text: #8A5A2B;   /* bronze — italic voice, highlights */
  --bronze:      #8A5A2B;
  --bronze-dim:  #F1E6DA;

  --positive:    #2F7D45;   /* leaf — cashflow up, verified */
  --negative:    #A8402F;

  --emerald:  #2F7D45;
  --violet:   #5E5A7A;
  --cyan:     #2F6B73;
  --amber:    #9A6A1E;
  --rose:     #9A4A3E;

  --confirm:  #2F7D45;
  --warning:  #9A6A1E;
  --danger:   #A8402F;
  --info:     #2F5E73;

  --nav-bg:      rgba(236, 239, 237, 0.92);
  --logo-filter: brightness(0); /* @kind other */

  color-scheme: light;
}

[data-theme="dark"] {
  --bg:          #121514;   /* neutral graphite */
  --bg-raised:   #181C1B;
  --bg-elevated: #1F2422;
  --bg-inset:    #262C2A;

  --text:        #ECEFEE;
  --text-2:      #AAB2AF;
  --text-3:      #969E9B;
  --text-muted:  #929C98;

  --line:        #272D2B;
  --line-soft:   #1D2220;
  --line-hard:   #39413E;

  --brand:       #EAE3D2;   /* bone — buttons on dark */
  --brand-hover: #F4EFE3;
  --brand-dim:   #1E2A25;
  --brand-text:  #EAE3D2;
  --on-brand:    #121514;

  --accent-text: #D2A46C;
  --bronze:      #D2A46C;
  --bronze-dim:  #2E261C;

  --positive:    #8FD79A;
  --negative:    #F4A08E;

  --emerald:  #8FD79A;
  --violet:   #A9A4C9;
  --cyan:     #7FB9C0;
  --amber:    #D6A85A;
  --rose:     #E29A8C;

  --confirm:  #8FD79A;
  --warning:  #D6A85A;
  --danger:   #F4A08E;
  --info:     #8FB6C9;

  --nav-bg:      rgba(18, 21, 20, 0.88);
  --logo-filter: brightness(0) invert(1); /* @kind other */

  color-scheme: dark;
}

/* ── Vault field — theme-invariant hero surface ── */
:root {
  --vault-bg:        #0E2A20;
  --vault-raised:    #123327;
  --vault-sunken:    #0B2219;
  --vault-line:      #1F4535;
  --vault-line-hard: #2F5A47;
  --vault-text:      #EEF3EF;
  --vault-text-2:    #B5C8BE;
  --vault-text-3:    #9FB5AA;
  --vault-muted:     #93AA9F;
  --vault-bone:      #EAE3D2;
  --vault-bronze:    #D2A46C;
  --vault-positive:  #8FD79A;

  --shadow-glow:        rgba(15, 42, 32, 0.2);
  --shadow-glow-strong: rgba(15, 42, 32, 0.4);
}
[data-theme="dark"] {
  --shadow-glow:        rgba(210, 164, 108, 0.18);
  --shadow-glow-strong: rgba(210, 164, 108, 0.35);
}