/**
 * Mestre da Bufunfa — Design Tokens
 * Generated: 2026-06-18
 * Purpose: Replace inline OKLCH values with semantic CSS custom properties
 */

:root {
  /* Brand Colors */
  --color-primary: #00629B;
  --color-primary-hover: #00A6D6;
  --color-primary-dark: #0088CC;
  
  /* Accent Colors */
  --color-accent-orange: #F26522;
  --color-accent-orange-hover: #FF8C5A;
  --color-accent-gold: #F59E0B;
  --color-accent-emerald: #10B981;
  --color-accent-blue: #3B82F6;
  --color-accent-purple: #8B5CF6;
  
  /* Text Colors */
  --color-text-primary: #E2E8F0;
  --color-text-secondary: #94A3B8;
  --color-text-muted: #64748B;
  
  /* Background Colors */
  --color-bg-card: #121824;
  --color-bg-body: #0B0E14;
  --color-bg-elevated: #1a2332;
  --color-bg-hero-start: #0a1628;
  --color-bg-hero-mid: #0d1f35;
  --color-bg-hero-end: #121824;
  --color-bg-github: #0d1117;
  
  /* Border Colors */
  --color-border-default: rgba(255, 255, 255, 0.06);
  --color-border-hover: rgba(0, 98, 155, 0.35);
  
  /* Semantic Colors */
  --color-success: #10B981;
  --color-warning: #F59E0B;
  --color-error: #EF4444;
  --color-info: #3B82F6;
}

/* Utility classes for common color combinations */
.text-brand { color: var(--color-primary); }
.text-brand-hover { color: var(--color-primary-hover); }
.text-accent { color: var(--color-accent-orange); }
.text-accent-hover { color: var(--color-accent-orange-hover); }
.text-secondary { color: var(--color-text-secondary); }
.text-muted { color: var(--color-text-muted); }

.bg-brand { background-color: var(--color-primary); }
.bg-brand-hover { background-color: var(--color-primary-hover); }
.bg-card { background-color: var(--color-bg-card); }
.bg-body { background-color: var(--color-bg-body); }

.border-brand { border-color: rgba(0, 98, 155, 0.3); }
.border-brand-hover { border-color: rgba(0, 98, 155, 0.6); }