/*
 * EverAfter brand tokens (optional).
 * Quizzes may import this, override any variable, or ignore it entirely.
 * Values mirror the planner app's design tokens. Sans-serif only.
 */
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,wght@0,300..800;1,300..800&display=swap');

:root {
  /* Logo */
  --ea-logo-full: url('/assets/brand/logo-full.png');
  --ea-logo-mark: url('/assets/brand/logo-mark.png');

  /* Core palette (OKLCH, hex approximations in comments) */
  --ea-champagne-bg: oklch(0.985 0.008 80); /* #FBF6EE page background */
  --ea-champagne: oklch(0.96 0.015 80); /* #F3EEE4 muted surface */
  --ea-white: oklch(1 0 0); /* #FFFFFF cards */
  --ea-crimson: oklch(0.55 0.21 25); /* #C0223A brand primary */
  --ea-crimson-strong: oklch(0.48 0.22 25); /* hover / pressed */
  --ea-blush: oklch(0.93 0.035 20); /* #F6DEDB */
  --ea-blush-ink: oklch(0.35 0.08 20); /* text on blush */
  --ea-sage: oklch(0.9 0.025 150); /* #DCEBE0 */
  --ea-sage-ink: oklch(0.35 0.05 150); /* text on sage */
  --ea-ink: oklch(0.18 0.02 280); /* #1E1B2E headings */
  --ea-foreground: oklch(0.22 0.02 280); /* #2A2640 body text */
  --ea-muted: oklch(0.5 0.025 280); /* #71708A secondary text */
  --ea-border: oklch(0.92 0.012 80); /* hairlines, inputs */
  --ea-destructive: oklch(0.577 0.245 27.325); /* #D43A2F errors */

  --ea-gradient-romance: linear-gradient(
    135deg,
    oklch(0.93 0.035 20) 0%,
    oklch(0.96 0.015 80) 50%,
    oklch(0.92 0.025 150) 100%
  );

  /* Type (sans-serif only) */
  --ea-font-sans: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial,
    sans-serif;
  --ea-eyebrow-tracking: 0.2em;
  --ea-heading-tracking: -0.02em;

  /* Shape and depth */
  --ea-radius: 14px;
  --ea-radius-lg: 22px;
  --ea-radius-xl: 26px;
  --ea-radius-pill: 9999px;
  --ea-shadow-soft: 0 1px 2px oklch(0.2 0.02 280 / 0.04), 0 12px 40px -12px oklch(0.55 0.21 25 / 0.08);
  --ea-shadow-floating: 0 20px 60px -20px oklch(0.55 0.21 25 / 0.18);

  /* Motion */
  --ea-ease: cubic-bezier(0.22, 1, 0.36, 1);
}