/* NubeRH — tokens de marca (generado desde tokens.json). Tema claro por defecto; [data-theme="dark"] para oscuro. */
:root,
[data-theme="light"] {
  --surface-100: #f5f7fa;
  --surface-200: #ffffff;
  --surface-300: #eef1f6;
  --ink: #111827;
  --ink-muted: #566074;
  --line: #d9dee8;
  --line-strong: #7a8396;
  --brand: #111827;
  --on-brand: #ffffff;
  --coral: #f2542d;
  --on-coral: #0b0f19;
  --coral-text: #c43a17;
  --focus: #111827;
  --success-fg: #166534;
  --success-bg: #dcfce7;
  --warning-fg: #8a4a06;
  --warning-bg: #fef3c7;
  --danger-fg: #a61b1b;
  --danger-bg: #fee2e2;
  --info-fg: #1e40af;
  --info-bg: #dbeafe;
  --shadow-pop: 0 8px 24px rgba(17,24,39,0.12);
}

[data-theme="dark"] {
  --surface-100: #0b0f19;
  --surface-200: #111827;
  --surface-300: #1f2937;
  --ink: #f3f5f9;
  --ink-muted: #a3adbf;
  --line: #2a3447;
  --line-strong: #6b7588;
  --brand: #f3f5f9;
  --on-brand: #111827;
  --coral: #ff6b47;
  --on-coral: #0b0f19;
  --coral-text: #ff6b47;
  --focus: #ff6b47;
  --success-fg: #86efac;
  --success-bg: #0f2e1b;
  --warning-fg: #fcd34d;
  --warning-bg: #2e2106;
  --danger-fg: #fca5a5;
  --danger-bg: #3b1111;
  --info-fg: #93c5fd;
  --info-bg: #0f2447;
  --shadow-pop: 0 8px 24px rgba(0,0,0,0.5);
}

:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --space-16: 64px;
  --space-24: 96px;
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 15px;
  --radius-xl: 24px;
  --radius-full: 9999px;
  --font-display: "Bricolage Grotesque", system-ui, sans-serif;
  --font-sans: "Figtree", system-ui, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, monospace;
}