/* Explain: Theme design tokens (colors, fonts) and structural variables. */
:root {
    /* Brand Palette */
    --navy: #060441;
    --teal: #10808F;
    --turquoise: #1BA1A3;
    --orange: #EE8C35; /* Exact hex requested */
    --magenta: #951C7C;
    --black: #000000;
    --white: #ffffff;

    /* Mapping to structural variables */
    --plum: var(--navy);
    --plum-soft: var(--teal);
    --blush: var(--magenta);
    --blush-soft: var(--turquoise);
    --olive: var(--orange);
    --ivory: var(--white);
    --warm-gray: #4b5563; /* For muted text */

    --primary-color: var(--navy);
    --primary-hover: var(--teal);
    --secondary-color: var(--orange);
    --accent-color: var(--magenta);
    
    --background-color: var(--white);
    --surface-color: #f4f8f8; /* Very light cool tint for alternating sections */
    --pink-soft: #fce9f5; /* Soft pink for alternating highlight sections */
    --text-color: var(--black);
    --text-muted: var(--warm-gray);
    --border-color: #e2e8f0;

    --font-heading: 'Playfair Display', Georgia, serif;
    --font-body: 'Karla', sans-serif;
}