/* Rigel Design Tokens v1.0.0 — drop into any project. Dark is the default. Add class "light" on for the light theme. Colour values are "R G B" triplets so they work with Tailwind alpha: rgb(var(--rg-accent) / 0.5). */ :root { --rg-bg: 5 7 15; --rg-surface: 10 16 34; --rg-elevated: 18 27 54; --rg-line: 34 48 90; --rg-fg: 234 242 255; --rg-muted: 147 161 196; --rg-accent: 111 177 255; --rg-accent-strong: 191 224 255; --rg-synapse: 54 226 240; --rg-nebula: 138 123 255; --rg-success: 74 222 128; --rg-warning: 251 191 36; --rg-danger: 248 113 113; --rg-glow: 111 177 255; --rg-beam: linear-gradient(135deg, #BFE0FF 0%, #6FB1FF 55%, #8A7BFF 100%); --rg-signal: linear-gradient(90deg, #36E2F0 0%, #6FB1FF 100%); --rg-font-sans: 'Cairo', system-ui, sans-serif; --rg-font-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace; --rg-radius-sm: 8px; --rg-radius-md: 14px; --rg-radius-lg: 20px; --rg-radius-xl: 28px; color-scheme: dark; } .light { --rg-bg: 245 247 252; --rg-surface: 255 255 255; --rg-elevated: 237 241 250; --rg-line: 216 223 238; --rg-fg: 11 19 48; --rg-muted: 80 93 128; --rg-accent: 31 95 224; --rg-accent-strong: 24 72 181; --rg-synapse: 15 163 184; --rg-nebula: 91 75 232; --rg-success: 22 163 74; --rg-warning: 217 119 6; --rg-danger: 220 38 38; --rg-glow: 96 150 255; --rg-beam: linear-gradient(135deg, #6FB1FF 0%, #1F5FE0 55%, #5B4BE8 100%); color-scheme: light; }