/*
  NgRAN theme tokens.
  Every theme is a signal/telemetry palette variation — the accent (--signal)
  stays a consistent "live" teal across all four so status colors, charts,
  and the network-map graphic read the same regardless of theme.
*/

:root,
[data-theme="signal-blue"] {
  --bg:            #F2F6FB;
  --bg-raised:     #FFFFFF;
  --bg-sunken:     #E7EEF6;
  --surface-line:  #D6E0EC;
  --text:          #0B1424;
  --text-muted:    #526074;
  --primary:       #1B4F9C;
  --primary-dark:  #123869;
  --primary-tint:  #E4EDFB;
  --signal:        #00B89C;
  --signal-tint:   #DFF7F1;
  --warn:          #B4590E;
  --grid-line:     rgba(27, 79, 156, 0.10);
  --scheme: light;
}

[data-theme="signal-violet"] {
  --bg:            #F6F3FB;
  --bg-raised:     #FFFFFF;
  --bg-sunken:     #ECE6F7;
  --surface-line:  #DFD3F0;
  --text:          #180F26;
  --text-muted:    #5B4E70;
  --primary:       #5B3FA8;
  --primary-dark:  #3E2A78;
  --primary-tint:  #EEE7FB;
  --signal:        #00B89C;
  --signal-tint:   #DFF7F1;
  --warn:          #B4590E;
  --grid-line:     rgba(91, 63, 168, 0.10);
  --scheme: light;
}

[data-theme="midnight-blue"] {
  --bg:            #0A1120;
  --bg-raised:     #101A30;
  --bg-sunken:     #060B16;
  --surface-line:  #1E2D48;
  --text:          #E7EDF7;
  --text-muted:    #93A3BD;
  --primary:       #5C93F0;
  --primary-dark:  #3A6BC4;
  --primary-tint:  #16223D;
  --signal:        #23E0BD;
  --signal-tint:   #0E2C27;
  --warn:          #F0A15C;
  --grid-line:     rgba(92, 147, 240, 0.14);
  --scheme: dark;
}

[data-theme="midnight-violet"] {
  --bg:            #120B22;
  --bg-raised:     #19102E;
  --bg-sunken:     #0A0616;
  --surface-line:  #2C1E49;
  --text:          #EDE7F9;
  --text-muted:    #A493C0;
  --primary:       #9270E0;
  --primary-dark:  #6B4CB8;
  --primary-tint:  #221836;
  --signal:        #23E0BD;
  --signal-tint:   #0E2C27;
  --warn:          #F0A15C;
  --grid-line:     rgba(146, 112, 224, 0.16);
  --scheme: dark;
}

:root {
  --font-display: 'Space Grotesk', 'Segoe UI', sans-serif;
  --font-body:    'Inter', 'Segoe UI', sans-serif;
  --font-mono:    'JetBrains Mono', 'SFMono-Regular', Consolas, monospace;

  --radius-s: 6px;
  --radius-m: 10px;
  --radius-l: 18px;

  --shadow-card: 0 1px 2px rgba(10, 20, 40, 0.06), 0 8px 24px -12px rgba(10, 20, 40, 0.18);
  --container: 1180px;
}