/* Explain: Theme design tokens (colors, fonts, spacing, radii) for consistent site styling. */
:root {
    --primary-color: #c8431d;
    --primary-hover: #a5350f;
    --secondary-color: #7c8c3a;
    --teal-deep: #14524d;
    --teal-deep-hover: #0f3f3b;
    --accent-color: #e9b21c;
    --accent-hover: #cf9c10;
    --soft-white: #fdfcf8;
    --retro-yellow: #ffe234;
    --background-color: #a8ddd4;
    --turquoise-color: #a8ddd4;
    --seafoam-color: #a2e0b5;
    --sky-blue: #a9d8e8;
    --avocado-color: #c2d18a;
    --peach-color: #f7c9a0;
    --tan-orange-color: #e0a35e;
    --peach-deep: #e9a877;
    --peach-soft: #fbe2cb;
    --blush-color: #fbe4ef;
    --surface-color: #efe0bf;
    --surface-alt: #e4d1a8;
    --text-color: #000000;
    --text-muted: #3a3a3a;
    --border-color: #cdb692;
    --shadow-color: rgba(59, 42, 26, 0.18);
    --avocado-dark: #8ba14a;
    --font-heading: 'Fredoka', 'Trebuchet MS', Verdana, sans-serif;
    --font-body: 'Quicksand', 'Helvetica Neue', Arial, sans-serif;
    --radius-sm: 10px;
    --radius-md: 18px;
    --radius-lg: 28px;
    --radius-pill: 999px;
}