/* Fluxr Pro — design tokens
 * GERADO por scripts/gerar-tokens.mjs a partir de styles/tokens.css.
 * Não editar à mão: o próximo build sobrescreve.
 *
 * Canais RGB separados, sem rgb(), para o <alpha-value> do Tailwind:
 *   color: rgb(var(--color-primary) / 0.5)
 */
:root,
[data-theme='dark'] {
  --color-background: 14 14 15; /* #0e0e0f */
  --color-surface: 26 25 27; /* #1a191b */
  --color-elevated: 32 31 33; /* #201f21 */
  --color-foreground: 255 255 255; /* #ffffff */
  --color-muted: 173 170 171; /* #adaaab */
  --color-subtle: 118 117 118; /* #767576 */
  --color-border: 72 72 73; /* #484849 */
  --color-primary: 195 244 0; /* #c3f400 */
  --color-primary-text: 195 244 0; /* #c3f400 */
  --color-primary-ui: 195 244 0; /* #c3f400 */
  --color-primary-dim: 155 204 0; /* #9bcc00 */
  --color-on-primary: 20 20 20; /* #141414 */
  --color-ring: 195 244 0; /* #c3f400 */
  --color-success: 105 211 135; /* #69d387 */
  --color-warning: 231 173 85; /* #e7ad55 */
  --color-danger: 226 98 90; /* #e2625a */
  --shadow-sm: 0 1px 2px rgb(0 0 0 / 0.3);
  --shadow-md: 0 4px 16px rgb(0 0 0 / 0.35);
  --shadow-lg: 0 20px 40px rgb(0 0 0 / 0.4);
  --shadow-glow: 0 4px 16px rgb(195 244 0 / 0.25);
}

[data-theme='light'] {
  --color-background: 255 255 255; /* #ffffff */
  --color-surface: 245 245 246; /* #f5f5f6 */
  --color-elevated: 255 255 255; /* #ffffff */
  --color-foreground: 14 14 15; /* #0e0e0f */
  --color-muted: 87 88 90; /* #57585a */
  --color-subtle: 140 140 142; /* #8c8c8e */
  --color-border: 200 200 201; /* #c8c8c9 */
  --color-primary: 141 190 34; /* #8dbe22 */
  --color-primary-text: 92 115 0; /* #5c7300 */
  --color-primary-ui: 127 159 0; /* #7f9f00 */
  --color-primary-dim: 127 159 0; /* #7f9f00 */
  --color-on-primary: 20 20 20; /* #141414 */
  --color-ring: 127 159 0; /* #7f9f00 */
  --color-success: 37 126 62; /* #257e3e */
  --color-warning: 153 98 19; /* #996213 */
  --color-danger: 182 41 32; /* #b62920 */
  --shadow-sm: 0 1px 2px rgb(0 0 0 / 0.06);
  --shadow-md: 0 4px 16px rgb(0 0 0 / 0.08);
  --shadow-lg: 0 20px 40px rgb(0 0 0 / 0.12);
  --shadow-glow: 0 4px 16px rgb(141 190 34 / 0.25);
}