/* assets/css/variables.css - Changan Template Style */

@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap');

:root {
  /* Core Colors */
  --bg-dark: #121921; /* Header and Footer background */
  --bg-dark-surface: #1e2630;
  
  --bg-light: #ffffff;
  --bg-light-surface: #f4f6f8;
  
  /* Accents */
  --accent-red: #d32f2f;
  --color-whatsapp: #25D366;
  
  /* Text */
  --text-dark-primary: #ffffff;
  --text-dark-secondary: #a0a0a0;
  
  --text-light-primary: #121921;
  --text-light-secondary: #5e6b77;
  --text-light-muted: #8c98a4;
  
  /* Borders */
  --border-dark: rgba(255, 255, 255, 0.1);
  --border-light: #e5e9ed;
  
  /* Typography */
  --font-heading: 'Outfit', sans-serif;
  --font-body: 'Outfit', sans-serif;
  
  --tracking-normal: 0;
  
  --leading-tight: 1.2;
  --leading-normal: 1.6;
  
  /* Spacing */
  --section-pad-y: 6rem;
  --section-pad-x: 2rem;
  
  /* Radii */
  --radius-sm: 4px;
  --radius-md: 8px;
  
  /* Transitions */
  --transition-fast: 0.2s ease-out;
}

@media (max-width: 768px) {
  :root {
    --section-pad-y: 3.5rem;
    --section-pad-x: 1rem;
  }
}