/* =============================================================
 * IFMT — Campus Barra do Garças - MT
 * Cursos: Inteligência Artificial e Informática
 * Orientador: Prof. Carlos David Rocha de Souza
 * Design System 2026 — tokens.css
 * ============================================================= */

:root {
  /* Cores Oficiais da Identidade Visual do IFMT */
  --cor-ifmt-verde: #359830;
  --cor-ifmt-verde-rgb: 53, 152, 48;
  --cor-ifmt-verde-hover: #2ea029;
  --cor-ifmt-verde-light: rgba(53, 152, 48, 0.12);
  --cor-ifmt-verde-glow: rgba(53, 152, 48, 0.35);

  --cor-ifmt-vermelho: #c90c0f;
  --cor-ifmt-vermelho-rgb: 201, 12, 15;
  --cor-ifmt-vermelho-light: rgba(201, 12, 15, 0.12);
  --cor-ifmt-vermelho-glow: rgba(201, 12, 15, 0.35);

  --cor-ifmt-grafite: #1d1d1b;

  /* Cores de Acento Tecnológico de IA */
  --cor-ia-indigo: #6366f1;
  --cor-ia-indigo-glow: rgba(99, 102, 241, 0.35);
  --cor-ia-violeta: #8b5cf6;
  --cor-ia-ciano: #06b6d4;
  --cor-ia-amber: #f59e0b;

  /* Níveis de Dificuldade */
  --nivel-iniciante: #359830;
  --nivel-iniciante-bg: rgba(53, 152, 48, 0.12);
  --nivel-intermediario: #f59e0b;
  --nivel-intermediario-bg: rgba(245, 158, 11, 0.12);
  --nivel-avancado: #c90c0f;
  --nivel-avancado-bg: rgba(201, 12, 15, 0.12);

  /* Tema Escuro Padrão (Titanium & Cosmic Dark) */
  --bg-principal: #050811;
  --bg-surface: #0b0f1c;
  --bg-surface-elevated: #11172a;
  --bg-surface-card: rgba(17, 24, 42, 0.7);
  --bg-glass: rgba(11, 15, 28, 0.75);
  --bg-glass-heavy: rgba(5, 8, 17, 0.85);

  --borda-sutil: rgba(255, 255, 255, 0.08);
  --borda-hover: rgba(255, 255, 255, 0.16);
  --borda-glow: rgba(53, 152, 48, 0.3);
  --borda-ia-glow: rgba(99, 102, 241, 0.3);

  --texto-primario: #f8fafc;
  --texto-secundario: #94a3b8;
  --texto-suave: #64748b;
  --texto-destaque: #ffffff;

  --sombra-card: 0 10px 30px -10px rgba(0, 0, 0, 0.5), 0 0 0 1px var(--borda-sutil);
  --sombra-card-hover: 0 20px 40px -15px rgba(0, 0, 0, 0.7), 0 0 20px -5px var(--cor-ifmt-verde-glow), 0 0 0 1px var(--cor-ifmt-verde);
  --sombra-glow-verde: 0 0 25px -5px var(--cor-ifmt-verde-glow);

  /* Tipografia */
  --fonte-titulo: 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;
  --fonte-corpo: 'Inter', system-ui, -apple-system, sans-serif;
  --fonte-mono: 'JetBrains Mono', 'Geist Mono', monospace;

  /* Raios de Borda */
  --raio-sm: 8px;
  --raio-md: 12px;
  --raio-lg: 16px;
  --raio-xl: 24px;
  --raio-full: 9999px;
}

/* Tema Claro Refinado (Light Mode) */
[data-tema="light"] {
  --bg-principal: #f8fafc;
  --bg-surface: #ffffff;
  --bg-surface-elevated: #f1f5f9;
  --bg-surface-card: rgba(255, 255, 255, 0.85);
  --bg-glass: rgba(255, 255, 255, 0.8);
  --bg-glass-heavy: rgba(248, 250, 252, 0.95);

  --borda-sutil: #e2e8f0;
  --borda-hover: #cbd5e1;
  --borda-glow: rgba(53, 152, 48, 0.25);
  --borda-ia-glow: rgba(99, 102, 241, 0.25);

  --texto-primario: #1d1d1b;
  --texto-secundario: #475569;
  --texto-suave: #94a3b8;
  --texto-destaque: #0f172a;

  --sombra-card: 0 4px 20px -2px rgba(0, 0, 0, 0.05), 0 0 0 1px var(--borda-sutil);
  --sombra-card-hover: 0 12px 30px -4px rgba(53, 152, 48, 0.15), 0 0 0 1px var(--cor-ifmt-verde);
  --sombra-glow-verde: 0 4px 15px -2px rgba(53, 152, 48, 0.2);
}