:root {
  /* Brand intent: light, bright, joyful, premium-warm */
  --ec-bg: rgba(250, 190, 40, 0.2);
  --ec-surface: #ffffff;
  --ec-surface-2: #f6f7fb;
  --ec-text: #111827;
  --ec-muted: #4b5563;
  --ec-border: #e5e7eb;

  --ec-accent-yellow: #d8cf16;
  --ec-accent-red: #d73b03;
  --ec-accent-orange: #eb6120;
  --ec-accent-purple: #40345f;
  --ec-accent-blue: #397ea5;
  --ec-accent-voilet: #a9268c;
  --ec-accent-brown: #c26643;
  --ec-accent-green: #28942d;
  --ec-accent-pink-dark: #f13252;
  --ec-accent-tan: #dca94d;

  --ec-accent-organization: var(--ec-accent-blue);
  --ec-accent-register: var(--ec-accent-green);

  /* Accents */
  --ec-primary: #fbbf24;
  --ec-primary-ink: #3a2a00;
  --ec-secondary: #60a5fa;
  --ec-secondary-ink: #071a33;

  --ec-accent: #fb7185;
  --ec-success: #22c55e;
  --ec-warning: #f59e0b;
  --ec-danger: #ef4444;

  /* Gradients */
  --ec-grad-hero:
    radial-gradient(1200px 600px at 20% 10%, rgba(251, 191, 36, 0.28), transparent 60%),
    radial-gradient(900px 600px at 80% 20%, rgba(96, 165, 250, 0.22), transparent 55%),
    linear-gradient(180deg, #ffffff, #fbfbfd);

  --ec-grad-sunrise: linear-gradient(
    135deg,
    rgba(251, 191, 36, 0.28),
    rgba(96, 165, 250, 0.18),
    rgba(251, 113, 133, 0.14)
  );

  /* Typography */
  --ec-font-sans: "Inter", -apple-system, system-ui, sans-serif;
  --ec-font-heading: "Libre Baskerville", "Baskerville", "Times New Roman", serif;
  --ec-font-body: var(--ec-font-heading);

  --ec-text-xxs: 10px;
  --ec-text-xs: 12px;
  --ec-text-sm: 14px;
  --ec-text-md: 16px;
  --ec-text-lg: 18px;
  --ec-text-xl: 22px;
  --ec-text-2xl: 28px;
  --ec-text-3xl: 36px;
  --ec-text-4xl: 44px;

  --ec-leading-tight: 1.15;
  --ec-leading-normal: 1.45;

  /* Spacing */
  --ec-1: 4px;
  --ec-2: 8px;
  --ec-3: 12px;
  --ec-4: 16px;
  --ec-5: 20px;
  --ec-6: 24px;
  --ec-8: 32px;
  --ec-10: 40px;
  --ec-12: 48px;
  --ec-16: 64px;

  /* Radii */
  --ec-radius-sm: 10px;
  --ec-radius-md: 14px;
  --ec-radius-lg: 18px;
  --ec-radius-xl: 24px;
  --ec-radius-pill: 999px;

  /* Shadows */
  --ec-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.06);
  --ec-shadow-md: 0 8px 20px rgba(17, 24, 39, 0.1);
  --ec-shadow-lg: 0 18px 40px rgba(17, 24, 39, 0.14);

  /* Focus ring */
  --ec-ring: 0 0 0 4px rgba(96, 165, 250, 0.35);

  /* Motion */
  --ec-ease: cubic-bezier(0.2, 0.8, 0.2, 1);
  --ec-dur-1: 120ms;
  --ec-dur-2: 180ms;
  --ec-dur-3: 260ms;
  --ec-dur-4: 500ms;
  --ec-dur-5: 1000ms;

  /* Layout */
  --ec-container: 1120px;
}

[data-theme="dark"] {
  --ec-bg: #0b1020;
  --ec-surface: #0f172a;
  --ec-surface-2: #111c36;
  --ec-text: #e5e7eb;
  --ec-muted: #cbd5e1;
  --ec-border: rgba(229, 231, 235, 0.14);

  --ec-grad-hero:
    radial-gradient(1200px 600px at 20% 10%, rgba(251, 191, 36, 0.14), transparent 60%),
    radial-gradient(900px 600px at 80% 20%, rgba(96, 165, 250, 0.14), transparent 55%),
    linear-gradient(180deg, #0f172a, #0b1020);

  --ec-primary-ink: #1b1300;
}