:root,
[data-theme='light'] {
  color-scheme: light;

  --color-primary: #ff714b;
  --color-secondary: #c60052;
  --color-bg: #ffffff;
  --color-bg-alt: #f5f5f5;
  --color-primary-dark: #e55a35;
  --color-secondary-dark: #a30046;
  --color-text: #1a1a1f;
  --color-muted: #6b7280;
  --color-surface: #ffffff;
  --color-border: #e5e5e5;
  --color-success: #059669;
  --color-success-bg: #ecfdf5;
  --color-success-text: #065f46;

  --gradient-brand: linear-gradient(135deg, var(--color-primary), var(--color-secondary));
  --gradient-page: radial-gradient(
    circle at top,
    color-mix(in srgb, var(--color-primary) 14%, transparent),
    transparent 42%
  );

  --shadow-sm: 0 4px 14px rgba(26, 26, 31, 0.06);
  --shadow-md: 0 12px 32px rgba(26, 26, 31, 0.08);
  --shadow-lg: 0 24px 60px rgba(26, 26, 31, 0.12);
  --font-family: 'Poppins', system-ui, -apple-system, sans-serif;
}

[data-theme='dark'] {
  color-scheme: dark;

  --color-primary: #ff8a6b;
  --color-secondary: #ff4d8a;
  --color-bg: #0f0f12;
  --color-bg-alt: #1a1a1f;
  --color-primary-dark: #ffb399;
  --color-secondary-dark: #ff7aa8;
  --color-text: #f4f4f5;
  --color-muted: #a1a1aa;
  --color-surface: #222228;
  --color-border: #3f3f46;
  --color-success: #34d399;
  --color-success-bg: #064e3b;
  --color-success-text: #a7f3d0;

  --gradient-brand: linear-gradient(135deg, var(--color-primary), var(--color-secondary));
  --gradient-page: radial-gradient(
    circle at top,
    color-mix(in srgb, var(--color-primary) 22%, transparent),
    transparent 45%
  );

  --shadow-sm: 0 4px 14px rgba(0, 0, 0, 0.35);
  --shadow-md: 0 12px 32px rgba(0, 0, 0, 0.4);
  --shadow-lg: 0 24px 60px rgba(0, 0, 0, 0.5);
}