/* BHZ Coworking — Design Tokens (fonte única de verdade) */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Space+Grotesk:wght@500;600;700&display=swap');

:root {
  /* ---- Cores: Navy (primária, DNA da marca) ---- */
  --navy-900: #0F2435;
  --navy-800: #16344B;
  --navy-700: #1E415C;
  --navy-600: #294964; /* PRIMÁRIA */
  --navy-500: #355A7A;
  --navy-400: #5D7A95;
  --navy-300: #8CA2B6;
  --navy-200: #BBC9D5;
  --navy-100: #E2E9EF;
  --navy-50:  #F2F6F9;

  /* ---- Cores: Spark (acento amarelo->laranja, pontos da logo) ---- */
  --spark-400: #FFDE00;
  --spark-500: #FFC200; /* acento de conversão */
  --spark-600: #F59A1E;
  --spark-gradient: linear-gradient(135deg, #FFDE00, #F59A1E);

  /* ---- Cores: semânticas ---- */
  --success: #09AD38;
  --danger:  #AF2222;
  --info:    #2895F7;
  --warning: #FFC200;

  /* ---- Cores: neutros ---- */
  --white:    #FFFFFF;
  --gray-50:  #FAFAFA;
  --gray-100: #F5F5F5;
  --gray-200: #E8EAED;
  --gray-300: #CCCCCC;
  --gray-400: #9CA3AF;
  --gray-500: #6B7280;
  --gray-700: #333333;
  --gray-900: #222222;

  /* ---- Tipografia ---- */
  --font-display: 'Space Grotesk', system-ui, -apple-system, Arial, sans-serif;
  --font-body: 'Inter', system-ui, -apple-system, Arial, sans-serif;
  --text-display: 700 56px/1.05 var(--font-display);
  --text-h1: 700 40px/1.1 var(--font-display);
  --text-h2: 600 32px/1.15 var(--font-display);
  --text-h3: 600 24px/1.25 var(--font-display);
  --text-h4: 500 20px/1.3 var(--font-display);
  --text-body-lg: 400 18px/1.6 var(--font-body);
  --text-body: 400 16px/1.6 var(--font-body);
  --text-small: 400 14px/1.5 var(--font-body);
  --text-caption: 500 12px/1.4 var(--font-body);

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

  /* ---- Raios ---- */
  --radius-xs: 6px; --radius-sm: 8px; --radius-md: 12px; --radius-lg: 16px;
  --radius-xl: 24px; --radius-2xl: 32px; --radius-pill: 999px;

  /* ---- Sombras (tom navy) ---- */
  --shadow-xs: 0 1px 2px rgba(15,36,53,.06);
  --shadow-sm: 0 2px 8px rgba(15,36,53,.08);
  --shadow-md: 0 8px 24px rgba(15,36,53,.10);
  --shadow-lg: 0 16px 48px rgba(15,36,53,.14);
  --focus-ring: 0 0 0 3px rgba(255,194,0,.45);
}