/**
 * Bosaname Design Tokens
 * Global Variables
 */

:root {
  /* Colors - Primary */
  --bosa-primary: #16A34A;
  --bosa-primary-dark: #0F2E24;
  --bosa-on-primary: #ffffff;
  
  /* Colors - Secondary */
  --bosa-trust-blue: #2563EB;
  --bosa-growth: #F59E0B;
  --bosa-innovation: #7C3AED;
  --bosa-energy: #F43F5E;
  
  /* Colors - Neutral */
  --bosa-charcoal: #1F2937;
  --bosa-stone: #6B7280;
  --bosa-silver: #E5E7EB;
  --bosa-mist: #F3F4F6;
  
  /* Colors - Semantic */
  --bosa-canvas: #ffffff;
  --bosa-canvas-dark: #0F2E24;
  --bosa-ink: #1F2937;
  --bosa-muted: #6B7280;
  --bosa-on-dark: #ffffff;
  --bosa-surface: #F3F4F6;
  --bosa-border: #E5E7EB;
  --bosa-hairline: #E5E7EB;
  
  /* Typography - Fonts */
  --font-sans: 'Urbanist', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-mono: 'Geist Mono', 'SF Mono', Menlo, Consolas, monospace;
  
  /* Typography - Sizes */
  --fs-hero-display: 72px;
  --fs-display-lg: 56px;
  --fs-h1: 48px;
  --fs-h2: 36px;
  --fs-h3: 28px;
  --fs-h4: 22px;
  --fs-h5: 18px;
  --fs-subtitle: 18px;
  --fs-body-md: 16px;
  --fs-body-sm: 14px;
  --fs-caption: 13px;
  --fs-micro: 12px;
  --fs-micro-uppercase: 11px;
  
  /* Spacing */
  --space-xxs: 4px;
  --space-xs: 8px;
  --space-sm: 12px;
  --space-md: 16px;
  --space-lg: 20px;
  --space-xl: 24px;
  --space-xxl: 32px;
  --space-xxxl: 40px;
  --space-section-sm: 48px;
  --space-section: 64px;
  --space-section-lg: 96px;
  --space-hero: 120px;
  
  /* Border Radius */
  --rounded-xs: 4px;
  --rounded-sm: 6px;
  --rounded-md: 8px;
  --rounded-lg: 12px;
  --rounded-xl: 16px;
  --rounded-xxl: 24px;
  --rounded-full: 9999px;
  
  /* Shadows */
  --shadow-flat: none;
  --shadow-subtle: 0px 1px 2px 0px rgba(0, 0, 0, 0.04);
  --shadow-card: 0px 4px 12px 0px rgba(0, 0, 0, 0.08);
  --shadow-mockup: 0px 24px 48px -8px rgba(0, 0, 0, 0.12);
  --shadow-brand: 0px 8px 24px rgba(22, 163, 74, 0.08);
  
  /* Max Width */
  --container-max: 1280px;
  --bosa-info: #2563eb;
}