/**
 * SnowBounty — Shared CSS Variables
 *
 * Single source of truth for colors, fonts, spacing, and borders.
 * Loaded before header.css and mobile.css on every page.
 */

:root {
  /* Brand colors */
  --color-primary: #00d4aa;
  --color-secondary: #0077b6;
  --color-accent: #00d4aa;
  --color-accent-dark: #00b894;

  /* Surfaces */
  --color-background: #ffffff;
  --color-background-alt: #f8f9fa;

  /* Text */
  --color-text: #1a1a2e;
  --color-text-light: #6c757d;

  /* Borders */
  --color-border: #e0e0e0;
  --color-border-light: #e0e0e0;

  /* State */
  --color-success: #28a745;
  --color-warning: #ffc107;
  --color-error: #dc3545;
  --color-danger: #dc3545;

  /* Typography */
  --font-primary: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
  --font-secondary: 'Arial', sans-serif;
  --font-logo: 'Righteous', cursive;

  --font-size-xs: 11px;
  --font-size-sm: 13px;
  --font-size-md: 14px;
  --font-size-lg: 16px;
  --font-size-xl: 20px;
  --font-size-xxl: 24px;

  /* Spacing */
  --spacing-xs: 5px;
  --spacing-sm: 10px;
  --spacing-md: 20px;
  --spacing-lg: 30px;
  --spacing-xl: 40px;

  /* Borders */
  --border-radius: 8px;
  --border-width: 1px;
}