/* Explain: Theme tokens and color palette for the website. */
:root {
    --primary-color: #E4682C;
    --primary-hover: #C6511D;
    --secondary-color: #F9A88E;
    --accent-color: #EF6076;
    --forest-color: #E4682C;
    --clay-color: #EF6076;
    --cream-color: #FFF6EC;
    --sage-color: #F9A88E;
    --charcoal-color: #3E2A20;
    --warm-ivory: #FFF6EC;
    --champagne-color: #F6C77A;
    --blush-color: #FFD9CB;
    --background-color: #FFF8F0;
    --surface-color: #ffffff;
    --text-color: #3E2A20;
    --text-muted: color-mix(in srgb, #3E2A20 68%, transparent);
    --border-color: color-mix(in srgb, #E4682C 24%, transparent);
    --shadow-soft: 0 24px 70px color-mix(in srgb, #3E2A20 16%, transparent);
    --shadow-card: 0 18px 45px color-mix(in srgb, #3E2A20 10%, transparent);
    --font-heading: 'Baloo 2', cursive;
    --font-body: 'Quicksand', sans-serif;
}