/* ==========================================================================
   Design Tokens — SCN LLC
   Central token file. Change values here to update the entire site.
   ========================================================================== */

:root {
  /* Colors */
  --color-bg-dark: #102127;
  --color-bg-dark-alt: #0e1c21;
  --color-bg-light: #ffffff;
  --color-text-light: #ffffff;
  --color-text-dark: #333333;
  --color-text-muted: #b0b0b0;
  --color-accent-blue: #29abe2;
  --color-accent-blue-hover: #1a8fc2;
  --color-accent-green: #BFD7B5;
  --color-border: rgba(255, 255, 255, 0.15);
  --color-overlay: rgba(0, 0, 0, 0.5);

  /* Typography */
  --font-primary: 'Rubik', sans-serif;
  --font-size-base: 1rem;
  --font-size-sm: 0.875rem;
  --font-size-lg: 1.125rem;
  --font-size-xl: 1.375rem;
  --font-size-2xl: 1.75rem;
  --font-size-3xl: clamp(1.75rem, 4vw, 3.25rem);
  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-bold: 700;
  --line-height-base: 1.65;
  --line-height-tight: 1.25;

  /* Spacing */
  --space-xs: 0.25rem;
  --space-sm: 0.5rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 2rem;
  --space-2xl: 3rem;
  --space-3xl: 4rem;
  --space-section: clamp(3rem, 6vw, 5rem);

  /* Layout */
  --container-max: 75rem;
  --container-padding: 1.5rem;
  --nav-height: 7rem;

  /* Borders & Shadows */
  --border-radius-sm: 0.25rem;
  --border-radius-md: 0.5rem;
  --shadow-card: 0 2px 12px rgba(0, 0, 0, 0.3);

  /* Transitions */
  --transition-fast: 0.2s ease;
  --transition-medium: 0.3s ease;
}