/* Explain: Design tokens for site-wide styling and theme. */
:root {
    --primary-color: #000000;
    --primary-hover: #333333;
    --secondary-color: #FAFF00;
    --accent-color: #000000;
    --forest-color: #000000;
    --clay-color: #FAFF00;
    --cream-color: #FAFF00;
    --sage-color: #000000;
    --charcoal-color: #000000;
    --warm-ivory: #FFFFFF;
    --champagne-color: #FAFF00;
    --blush-color: #000000;
    --background-color: #FFFFFF;
    --surface-color: #FFFFFF;
    --text-color: #000000;
    --text-muted: color-mix(in srgb, #000000 70%, transparent);
    --border-color: #000000;
    --shadow-soft: 0 24px 70px color-mix(in srgb, #000000 20%, transparent);
    --shadow-card: 0 18px 45px color-mix(in srgb, #000000 15%, transparent);
    --font-heading: 'Inter', "Helvetica Neue", Helvetica, Arial, sans-serif;
    --font-body: 'Inter', "Helvetica Neue", Helvetica, Arial, sans-serif;
}