/* ============================================================
   ACCESSLY — OBSIDIAN DIMENSION
   Design Tokens (Fase 1)
   ============================================================ */

:root {
  /* ---------- Base ---------- */
  --bg-void: #050505;
  --bg-global: #0A0A0A;
  --bg-surface: #0F0F0F;
  --bg-elevated: #141414;
  --bg-input: #0D0D0D;
  --bg-hover: rgba(255, 255, 255, 0.035);

  /* ---------- Marca (Crimson) ---------- */
  --brand-primary: #DC2626;
  --brand-hover: #B91C1C;
  --brand-glow: #EF4444;
  --brand-deep: #7F1D1D;
  --brand-light: rgba(220, 38, 38, 0.12);
  --brand-ring: rgba(220, 38, 38, 0.28);
  --brand-glow-soft: rgba(239, 68, 68, 0.35);
  --brand-glow-hard: rgba(239, 68, 68, 0.55);

  /* ---------- Texto ---------- */
  --text-main: #F5F5F5;
  --text-muted: #8A8A8A;
  --text-dim: #5A5A5A;
  --text-ghost: #2A2A2A;

  /* ---------- Bordas (Titânio) ---------- */
  --border-color: rgba(255, 255, 255, 0.06);
  --border-strong: rgba(255, 255, 255, 0.12);
  --border-titanium: rgba(180, 180, 190, 0.15);
  --border-glow: rgba(239, 68, 68, 0.6);

  /* ---------- Status ---------- */
  --success: #22C55E;
  --success-bg: rgba(34, 197, 94, 0.1);
  --error: #EF4444;
  --error-bg: rgba(239, 68, 68, 0.1);
  --warning: #F59E0B;
  --warning-bg: rgba(245, 158, 11, 0.1);
  --info: #3B82F6;
  --info-bg: rgba(59, 130, 246, 0.1);

  /* ---------- Tipografia ---------- */
  --font-display: 'Space Grotesk', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-body: 'Space Grotesk', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-mono: 'JetBrains Mono', 'SF Mono', Consolas, monospace;

  /* ---------- Espaçamento ---------- */
  --s-1: 4px;  --s-2: 8px;   --s-3: 12px; --s-4: 16px;
  --s-5: 20px; --s-6: 24px;  --s-8: 32px; --s-10: 40px;
  --s-12: 48px; --s-16: 64px; --s-20: 80px; --s-24: 96px;

  /* ---------- Raio ---------- */
  --r-sm: 6px;
  --r-md: 10px;
  --r-lg: 14px;
  --r-xl: 20px;
  --r-full: 9999px;

  /* ---------- Sombras & Glow ---------- */
  --shadow-sm: 0 4px 12px rgba(0, 0, 0, 0.4);
  --shadow-md: 0 8px 24px rgba(0, 0, 0, 0.5);
  --shadow-lg: 0 20px 48px rgba(0, 0, 0, 0.65);
  --shadow-xl: 0 32px 80px rgba(0, 0, 0, 0.8);
  --shadow-brand: 0 8px 24px rgba(220, 38, 38, 0.25);
  --shadow-brand-hover: 0 12px 36px rgba(220, 38, 38, 0.4);
  --glow-brand: 0 0 24px rgba(239, 68, 68, 0.4);

  /* ---------- Transições ---------- */
  --t-fast: 0.15s ease;
  --t-base: 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  --t-slow: 0.5s cubic-bezier(0.16, 1, 0.3, 1);

  /* ---------- Efeitos ---------- */
  --glass-blur: 24px;
  --glass-bg: rgba(15, 15, 15, 0.65);
  --glass-bg-strong: rgba(10, 10, 10, 0.85);
  --glass-border: rgba(255, 255, 255, 0.06);
}