:root {
  --bg-deep:      #07090A;
  --bg:           #0B0E10;
  --surface:      #101619;
  --border:       #2F3A40;
  --border-dim:   #1C2429;
  --border-faint: #232B30;

  --text:         #E8EEF0;
  --text-soft:    #B9C6CB;
  --text-dim:     #8B9AA0;
  --text-faint:   #6C7D84;
  --text-off:     #5B6A70;

  --accent:        #00C0C9;
  --accent-hover:  #25D3DB;
  --accent-ink:    #04262A;
  --accent-soft:   #5FE0E6;
  --accent-bg:     rgba(0,192,201,.09);
  --accent-border: rgba(0,192,201,.30);
  --accent-ring:   rgba(0,192,201,.16);

  --danger:            #FF6B6B;
  --danger-text:       #FF9B9B;
  --danger-text-2:     #FFB3B3;
  --danger-bg:         rgba(255,107,107,.12);
  --danger-bg-weak:    rgba(255,107,107,.09);
  --danger-border:     rgba(255,107,107,.50);
  --danger-border-weak:rgba(255,107,107,.42);
  --danger-ring:       rgba(255,107,107,.16);

  --warn:        #F0B429;
  --warn-text:   #F0C05E;
  --warn-text-2: #E5C98A;
  --warn-bg:     rgba(240,180,41,.08);
  --warn-border: rgba(240,180,41,.50);

  --disabled-bg: #182024;

  --font-sans: 'IBM Plex Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-mono: 'IBM Plex Mono', ui-monospace, Menlo, Consolas, monospace;
  --fs-body: 13px;
  --fs-field: 12.5px;
  --fs-sm: 12px;
  --fs-xs: 11.5px;
  --fs-2xs: 11px;
  --fs-title: 15px;
  --fs-brand: 22px;
  --fw-medium: 500;
  --fw-bold: 600;
  --lh-body: 1.45;

  --card-w: 640px;
  --card-h: 420px;
  --brand-w: 246px;
  --field-h: 40px;
  --control-h: 38px;
  --control-w: 96px;
  --splash-h: 40px;
  --r-card: 12px;
  --r-control: 7px;
  --sp-1: 3px;
  --sp-2: 4px;
  --sp-3: 6px;
  --sp-4: 8px;
  --sp-5: 10px;
  --sp-6: 12px;
  --sp-7: 16px;
  --sp-8: 18px;
  --sp-9: 22px;
  --sp-10: 26px;
  --sp-11: 40px;
  --rule-h: 2px;
  --sh-card: 0 2px 14px rgba(0,0,0,.50);

  --never: 100000s;
  --t-swap: .18s;

  --t-splash: .15s;
  --t-open: .32s;
  --d-open: .06s;
  --t-in: .26s;
  --d-in: .2s;
}