:root {
  --brand-primary: #38bdf8;
  --brand-primary-dark: #0ea5e9;
  --brand-secondary: #7dd3fc;
  --brand-accent: #0ea5e9;
  --neutral-900: #0f172a;
  --neutral-700: #334155;
  --neutral-500: #64748b;
  --neutral-200: #e2e8f0;
  --neutral-100: #f0f9ff;
  --neutral-50: #f8fcff;
  --white: #ffffff;
  --gradient-primary: linear-gradient(135deg, #38bdf8 0%, #0ea5e9 100%);
  --gradient-hero: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 50%, #f8fcff 100%);
  --container-max: 1200px;
}