/* BratchCo design tokens — navy authority system */
:root {
  /* Fonts */
  --bc-font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --bc-font-display: 'Plus Jakarta Sans', 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  --bc-serif: 'Playfair Display', Georgia, 'Times New Roman', serif;

  /* Backgrounds */
  --bc-white: #FFFFFF;
  --bc-cream: #F7F9FC;
  --bc-light: #EEF2F7;
  --bc-light-blue: #EFF4FB;
  --bc-light-red: #FEF2F2;

  /* Borders */
  --bc-border: #E3E8EF;
  --bc-border-strong: #CBD3DF;
  --bc-border-blue: #BFD3EE;

  /* Brand — Navy authority */
  --bc-navy: #1A2F4A;
  --bc-navy-deep: #0F1E33;
  --bc-navy-light: #2E4D72;
  --bc-charcoal-deep: #0A0F1A;

  /* Accent — Electric red */
  --bc-electric: #E63946;
  --bc-electric-700: #A01622;
  --bc-electric-600: #C81E2C;
  --bc-electric-500: #E63946;
  --bc-electric-400: #FF5F70;
  --bc-electric-100: #FEE2E2;
  --bc-electric-50: #FEF2F2;

  /* Secondary — Royal blue */
  --bc-royal: #1D4ED8;
  --bc-royal-700: #1E40AF;
  --bc-royal-600: #1840B0;
  --bc-royal-500: #2563EB;
  --bc-royal-400: #3B82F6;
  --bc-royal-300: #93C5FD;
  --bc-royal-100: #DBEAFE;
  --bc-royal-50: #EFF6FF;

  /* Accent — Safety yellow (sparingly) */
  --bc-safety: #FFD60A;
  --bc-safety-600: #B89700;

  /* Text */
  --bc-charcoal: #111827;
  --bc-charcoal-700: #1F2937;
  --bc-charcoal-500: #4A5568;
  --bc-steel: #6B7280;
  --bc-steel-light: #9CA3AF;

  /* Status */
  --bc-success: #10B981;
  --bc-warning: #F59E0B;

  /* Radius */
  --bc-radius-sm: 8px;
  --bc-radius-md: 12px;
  --bc-radius-lg: 18px;
  --bc-radius-xl: 28px;
  --bc-radius-full: 9999px;

  /* Shadows — layered depth */
  --bc-shadow-sm: 0 1px 3px rgba(15,23,42,0.09), 0 1px 2px rgba(15,23,42,0.05);
  --bc-shadow-md: 0 10px 30px -8px rgba(15,23,42,0.18), 0 4px 12px -4px rgba(15,23,42,0.10);
  --bc-shadow-lg: 0 24px 56px -12px rgba(15,23,42,0.24), 0 8px 20px -6px rgba(15,23,42,0.12);
  --bc-shadow-xl: 0 40px 90px -16px rgba(15,23,42,0.32), 0 14px 36px -10px rgba(15,23,42,0.18);
  --bc-shadow-navy: 0 24px 60px -14px rgba(26,47,74,0.45);

  /* Motion */
  --bc-ease: cubic-bezier(0.16, 1, 0.3, 1);
  --bc-ease-bounce: cubic-bezier(0.34, 1.56, 0.64, 1);

  /* Layout */
  --bc-container: 1280px;
}