/* DFORM shared design tokens — single source of truth for colors and typography.
   Used by index.html and login.html. Do not duplicate these values elsewhere. */
:root {
  --bg:          #050505;
  --surface:     #0E0F10;
  --surface-2:   #17191B;
  --surface-3:   #24272A;
  --border:      rgba(218,220,214,0.08);
  --border-mid:  rgba(218,220,214,0.18);
  --text:        #F3F4F1;
  --muted:       #A7AAA5;
  --muted-2:     #73776F;
  --chrome:      #DADCDA;
  --steel:       #8E9690;
  --graphite:    #101113;
  --green:       #33D17A;
  --green-dim:   rgba(51,209,122,0.12);
  --green-glow:  rgba(51,209,122,0.24);
  --amber:       #E9B44C;
  --amber-dim:   rgba(233,180,76,0.12);
  --red:         #F06464;
  --red-dim:     rgba(240,100,100,0.12);
  --blue:        #AEB7C2;
  --blue-dim:    rgba(174,183,194,0.12);
  --purple:      #B7A6F6;
  --purple-dim:  rgba(183,166,246,0.12);
  --font:        'IBM Plex Sans', sans-serif;
  --mono:        'IBM Plex Mono', monospace;
}