:root {
  /* Colors */
  --color-primary: #00a8cf;
  --color-primary-hover: #008bb1;
  --color-secondary: #112544;
  --color-secondary-hover: #0b1931;
  --color-accent: #25c4c9;
  
  /* Neutral Palette */
  --color-white: #ffffff;
  --color-gray-50: #f8f8f9;
  --color-gray-100: #f1f1f3;
  --color-gray-200: #e4e4e7;
  --color-gray-300: #bdbdbd;
  --color-gray-400: #a3a3a3;
  --color-gray-500: #71717b;
  --color-gray-600: #51555c;
  --color-gray-700: #3f3f47;
  --color-gray-800: #18181b;
  --color-black: #000000;

  /* State Colors */
  --color-success: #00bc7d;
  --color-error: #ff2056;
  --color-warning: #a65f00;

  /* Typography */
  --font-family-sans: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-family-heading: var(--font-family-sans);

  /* Spacing */
  --site-container: 1288px;
  --site-content: 1240px;
  --site-gutter: 24px;
  --spacing-1: 0.25rem;  /* 4px */
  --spacing-2: 0.5rem;   /* 8px */
  --spacing-3: 0.75rem;  /* 12px */
  --spacing-4: 1rem;     /* 16px */
  --spacing-5: 1.25rem;  /* 20px */
  --spacing-6: 1.5rem;   /* 24px */
  --spacing-8: 2rem;     /* 32px */
  --spacing-10: 2.5rem;  /* 40px */
  --spacing-12: 3rem;    /* 48px */
  --spacing-16: 4rem;    /* 64px */
  --spacing-24: 6rem;    /* 96px */

  /* Border Radius */
  --radius-sm: 0.25rem;
  --radius-md: 0.5rem;
  --radius-lg: 1.125rem;
  --radius-full: 9999px;

  /* Shadows */
  --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --shadow-md: 0 10px 30px rgb(17 37 68 / 0.08);
  --shadow-lg: 0 24px 60px rgb(17 37 68 / 0.12);
  --shadow-premium: 0 20px 40px -10px rgba(0, 168, 207, 0.18);

  /* Transitions */
  --transition-fast: 150ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-normal: 250ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-bounce: 500ms cubic-bezier(0.34, 1.56, 0.64, 1);
}