:root {
  --color-primary: #2C3E6B;
  --color-primary-soft: #E6ECF8;
  --color-accent: #A8D8C8;
  --color-accent-strong: #3F8F75;
  --color-background: #F7F5F0;
  --color-surface: #FFFFFF;
  --color-surface-alt: #EEF6F2;
  --color-text: #1E1E2E;
  --color-text-muted: #5F6678;
  --color-border: #D9DDE7;
  --color-shadow: rgba(44, 62, 107, 0.16);
  --color-backdrop: rgba(18, 22, 35, 0.56);
  --color-free-bg: #DFF4E7;
  --color-free-text: #276B43;
  --color-paid-bg: #F7E5B7;
  --color-paid-text: #7A5712;
  --color-neutral-bg: #ECEEF3;
  --color-neutral-text: #4B5263;
  --font-family-base: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-size-small: 14px;
  --font-size-medium: 16px;
  --font-size-large: 18px;
  --font-size-sm: 0.875rem;
  --font-size-md: 1rem;
  --font-size-lg: 1.2rem;
  --font-size-xl: 2.2rem;
  --font-size-hero: 4rem;
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 8px;
  --transition-fast: 160ms ease;
  --transition-medium: 300ms ease;
  --max-width: 900px;
}

[data-theme="dark"] {
  --color-primary: #77c3a9;
  --color-primary-soft: #2F312F;
  --color-accent: #A8D8C8;
  --color-accent-strong: #8FCBB8;
  --color-background: #181A18;
  --color-surface: #222421;
  --color-surface-alt: #292D29;
  --color-text: #ECE8DF;
  --color-text-muted: #B8B4AA;
  --color-border: #3A3D38;
  --color-shadow: rgba(0, 0, 0, 0.28);
  --color-backdrop: rgba(0, 0, 0, 0.62);
  --color-free-bg: #243B30;
  --color-free-text: #BFE9D1;
  --color-paid-bg: #3E3524;
  --color-paid-text: #E9D19B;
  --color-neutral-bg: #30322F;
  --color-neutral-text: #D0CCC3;
}

[data-font="small"] {
  font-size: var(--font-size-small);
}

[data-font="medium"] {
  font-size: var(--font-size-medium);
}

[data-font="large"] {
  font-size: var(--font-size-large);
}