/* MAHA — editorial design tokens (light / dark) */

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

  --color-bg-page: #f6f1e8;
  --color-bg-header: #fffcf6;
  --color-bg-card: #fffcf6;
  --color-bg-elevated: #ffffff;
  --color-bg-muted: #f0ebe3;

  --color-text-primary: #302f29;
  --color-text-secondary: #655e53;
  --color-text-muted: #7a7368;

  --color-border: #e5ddd0;
  --color-border-strong: #d4cbc0;

  --color-accent-sage: #68765c;
  --color-accent-sage-muted: #55634b;
  --color-accent-gold: #9a7744;

  --color-cta-bg: #68765c;
  --color-cta-bg-hover: #55634b;
  --color-cta-text: #fffcf6;

  --color-wa-bg: #3d5c47;
  --color-wa-bg-hover: #324a3a;
  --color-wa-text: #f3eee4;

  --color-overlay: rgba(48, 47, 41, 0.42);
  --color-modal-backdrop: rgba(48, 47, 41, 0.5);
  --color-input-bg: #fffcf6;
  --color-input-border: #e5ddd0;
  --color-input-text: #302f29;
  --color-input-placeholder: #8a8378;
  --color-focus: #9a7744;
  --color-error: #9b3d3d;
  --color-skeleton: #ebe4dc;
  --color-skeleton-shine: #f5f0e8;

  /* Legacy aliases (Tailwind + existing CSS) */
  --color-background: var(--color-bg-page);
  --color-surface: var(--color-bg-card);
  --color-surface-elevated: var(--color-bg-elevated);
  --color-surface-muted: var(--color-bg-muted);
  --color-accent: var(--color-accent-sage);
  --color-gold: var(--color-accent-gold);
  --color-link: var(--color-accent-gold);
  --color-link-hover: var(--color-accent-sage-muted);

  --canvas-ecru: var(--color-bg-page);
  --surface: var(--color-bg-page);
  --surface-cream: var(--color-bg-muted);
  --surface-ivory: var(--color-bg-card);
  --border-warm: var(--color-border);
  --forest-olive: var(--color-accent-sage);
  --text-muted: var(--color-text-muted);
  --on-surface: var(--color-text-primary);
  --on-surface-variant: var(--color-text-secondary);

  --primary: var(--color-text-primary);
  --primary-container: var(--color-cta-bg);
  --on-primary: var(--color-cta-text);
  --secondary: var(--color-accent-gold);
  --on-secondary: var(--color-bg-page);
  --tertiary-fixed: var(--color-accent-gold);
  --whatsapp-green: #3d5c47;

  --color-primary: var(--color-text-primary);
  --color-secondary: var(--color-accent-gold);
  --color-border-warm: var(--color-border);
  --color-surface-cream: var(--color-bg-muted);
  --color-surface-ivory: var(--color-bg-card);
  --color-surface-container: var(--color-bg-muted);
  --color-on-surface: var(--color-text-primary);

  --wa-btn: var(--color-wa-bg);
  --wa-btn-hover: var(--color-wa-bg-hover);

  --font-display: "Cormorant Garamond", "EB Garamond", Georgia, serif;
  --font-body: "Plus Jakarta Sans", "Source Sans 3", system-ui, sans-serif;
  --radius-sm: 0.125rem;
  --shadow-ambient: 0 4px 20px rgba(48, 47, 41, 0.06);
  --header-offset: 7.25rem;
}

@media (prefers-reduced-motion: reduce) {
  :root {
    scroll-behavior: auto;
  }
}