/**
 * CONFMONIT — FUTURE OPS
 * Design tokens centralizados
 */

:root {
  /* Backgrounds */
  --bg-primary: #050A0F;
  --bg-secondary: #081018;
  --bg-card: #0D1720;
  --bg-card-elevated: #101D27;
  --border: #18303D;
  --border-subtle: rgba(24, 48, 61, 0.6);

  /* Brand & semantic colors */
  --color-primary: #00D9FF;
  --color-success: #00FF9C;
  --color-warning: #FFB800;
  --color-danger: #FF3B5C;
  --color-info: #00D9FF;
  --color-ai: #8B5CF6;

  /* Text */
  --text-primary: #E6F7FF;
  --text-secondary: #718A99;
  --text-muted: #4A6270;

  /* Typography */
  --font-sans: 'Inter', system-ui, -apple-system, sans-serif;
  --font-mono: 'JetBrains Mono', 'Consolas', monospace;

  /* Spacing & shape */
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 14px;

  /* Effects */
  --shadow-card: 0 2px 16px rgba(0, 0, 0, 0.4);
  --glow-primary: 0 0 14px rgba(0, 217, 255, 0.18);
  --glow-success: 0 0 10px rgba(0, 255, 156, 0.15);
  --transition-fast: 150ms ease;
  --transition-normal: 220ms ease;

  /* Bootstrap overrides */
  --bs-body-bg: var(--bg-primary);
  --bs-body-color: var(--text-primary);
  --bs-primary: #00D9FF;
  --bs-primary-rgb: 0, 217, 255;
  --bs-success: #00FF9C;
  --bs-success-rgb: 0, 255, 156;
  --bs-warning: #FFB800;
  --bs-warning-rgb: 255, 184, 0;
  --bs-danger: #FF3B5C;
  --bs-danger-rgb: 255, 59, 92;
  --bs-info: #00D9FF;
  --bs-info-rgb: 0, 217, 255;
  --bs-secondary: #718A99;
  --bs-secondary-rgb: 113, 138, 153;
  --bs-border-color: var(--border);
  --bs-dark: var(--bg-card);
  --bs-dark-rgb: 13, 23, 32;
}