:root{
/* Base — warm watercolor paper */
--cream-50:#FDF9EC;
--cream-100:#FAF3DC;
--cream-200:#F4EACA;
--cream-300:#EBDDB2;
/* Greens — grass & leaves */
--green-100:#E3ECD3;
--green-200:#CDDDB2;
--green-300:#A8C686;
--green-400:#84A860;
--green-500:#6B8F4E;
--green-600:#557A3C;
--green-700:#3F5C2C;
/* Browns — warm earth text */
--brown-300:#A98D6F;
--brown-500:#7A5C41;
--brown-700:#5B4632;
--brown-900:#43311F;
/* Rose — hearts, badges, CTA */
--rose-100:#FBE9E5;
--rose-200:#F5CFC9;
--rose-300:#EDAFA6;
--rose-400:#E08D82;
--rose-600:#B95A54;
--berry-700:#8E3B4A;
/* Rainbow accents — sparingly */
--sun-300:#F2D06B;
--sky-300:#9DBBDD;
/* Semantic aliases */
--surface-page:var(--cream-100);
--surface-card:var(--cream-50);
--surface-raised:#FFFFFF;
--surface-tint-green:var(--green-100);
--surface-tint-rose:var(--rose-100);
--text-body:var(--brown-700);
--text-heading:var(--green-600);
--text-strong:var(--brown-900);
--text-muted:var(--brown-300);
--text-accent:var(--berry-700);
--text-on-action:#FFFFFF;
--action-primary:var(--green-500);
--action-primary-hover:var(--green-600);
--action-cta:var(--rose-400);
--action-cta-hover:var(--rose-600);
--border-soft:var(--cream-300);
--border-green:var(--green-200);
--border-rose:var(--rose-200);
--focus-ring:var(--green-400);
}