/* ============================================================
   RV PAGES — COLOR TOKENS
   Monochromatic on black: silver · white · graphite.
   Two functional accents only — red (live/urgent/error), green (online/positive/new).
   Base values first, semantic aliases below.
   ============================================================ */
:root{
  /* ---- Surfaces (neutral, cool) ---- */
  --bg:              #0A0A0B;
  --bg-2:            #0C0C0E;
  --surface-1:       #111114;
  --surface-2:       #17171B;
  --surface-3:       #1B1B20;
  --surface-glass:        rgba(255,255,255,0.045);
  --surface-glass-strong: rgba(255,255,255,0.075);

  /* ---- Borders ---- */
  --border:          rgba(255,255,255,0.09);
  --border-strong:   rgba(255,255,255,0.16);

  /* ---- Text (silver → white) ---- */
  --text:            #F4F5F7;
  --text-strong:     #FFFFFF;
  --text-muted:      #A1A3A8;
  --text-dim:        #6C6E73;
  --text-on-light:   #0A0A0B;   /* text over white/silver surfaces */

  /* ---- Metallic silver (neutral highlight) ---- */
  --silver:          #C9CCD2;
  --silver-bright:   #ECEEF1;
  --metal:           linear-gradient(100deg,#9da1a8 0%,#ffffff 25%,#d6d9de 45%,#ffffff 62%,#9da1a8 100%); /* @kind color */

  /* ---- Functional accents (use sparingly, for state only) ---- */
  --live:            #FF4D4D;   /* red — live / urgent / error */
  --live-soft:       #FF7A7A;   /* red for text on dark */
  --success:         #34D399;   /* green — online / positive / new */
  --success-soft:    #5DE6B0;   /* green for text on dark */
  --white:           #FFFFFF;

  /* ---- Semantic aliases ---- */
  --text-body:       var(--text);
  --text-heading:    var(--text-strong);
  --surface-page:    var(--bg);
  --surface-card:    var(--surface-1);
  --surface-input:   var(--surface-2);
  --accent-cta:      var(--white);        /* primary action surface */
  --accent-state-live: var(--live);
  --accent-state-ok:   var(--success);
}