/* =========================================
   TIC GLOBAL DESIGN TOKENS
   Centralized variables for fonts, colors, and spacing
   ========================================= */

/* Google Fonts - Single source of truth for all font imports */
@import url('https://fonts.googleapis.com/css2?family=Barlow+Semi+Condensed:wght@600;700;800;900&family=Jost:wght@300;400;500;600;700;800&family=Lora:ital,wght@0,400;0,600;1,400&family=Roboto+Mono:wght@400;500;600&family=Source+Sans+3:wght@300;400;500;600;700&display=swap');

:root {
  /* =========================================
     FONTS (4+1 System)
     ========================================= */
  --tic-font-hero: "Barlow Semi Condensed", sans-serif;
  --tic-font-title: "Jost", sans-serif;
  --tic-font-body: "Source Sans 3", sans-serif;
  --tic-font-fancy: "Lora", serif;
  --tic-font-stats: "Roboto Mono", monospace;

  /* =========================================
     TYPOGRAPHY - FONT SIZES
     ========================================= */
  --tic-font-size-hero: 4.5rem;
  --tic-font-size-h1: 3rem;
  --tic-font-size-h2: 2.5rem;
  --tic-font-size-h3: 2rem;
  --tic-font-size-h4: 1.5rem;
  --tic-font-size-h5: 1.25rem;
  --tic-font-size-h6: 1.1rem;
  --tic-font-size-body: 1rem;
  --tic-font-size-body-lg: 1.1rem;
  --tic-font-size-body-xl: 1.35rem;
  --tic-font-size-small: 0.9rem;
  --tic-font-size-xs: 0.8rem;

  /* =========================================
     TYPOGRAPHY - FONT WEIGHTS
     ========================================= */
  --tic-font-weight-light: 300;
  --tic-font-weight-normal: 400;
  --tic-font-weight-medium: 500;
  --tic-font-weight-semibold: 600;
  --tic-font-weight-bold: 700;
  --tic-font-weight-extrabold: 800;

  /* =========================================
     TYPOGRAPHY - LINE HEIGHTS
     ========================================= */
  --tic-line-height-tight: 1.1;
  --tic-line-height-normal: 1.6;
  --tic-line-height-relaxed: 1.8;

  /* =========================================
     COLORS (Simplified: Black, White, Blue)
     ========================================= */
  --tic-black: #232323;
  --tic-white: #ffffff;
  --tic-blue: #1e3a52;
  --tic-blue-hover: #152c3f;

  /* =========================================
     SPACING
     ========================================= */
  /* Section Padding */
  --tic-section-padding: 5rem 0;
  
  /* Button Padding */
  --tic-btn-padding: 0.75rem 2rem;
  --tic-btn-padding-sm: 0.5rem 1.5rem;
  --tic-btn-padding-lg: 0.8rem 3rem;
  
  /* Border Radius */
  --tic-border-radius: 4px;
  --tic-border-radius-lg: 8px;
  --tic-border-radius-pill: 50px;
  
  /* Standard Gaps */
  --tic-gap-sm: 0.5rem;
  --tic-gap-md: 1rem;
  --tic-gap-lg: 1.5rem;
  --tic-gap-xl: 2rem;
  --tic-gap-xxl: 3rem;
  
  /* Standard Margins */
  --tic-margin-sm: 0.5rem;
  --tic-margin-md: 1rem;
  --tic-margin-lg: 1.5rem;
  --tic-margin-xl: 2rem;
  --tic-margin-xxl: 3rem;
}