/* Design Tokens - ColorHunt Palette */
:root {
    /* Colors - ColorHunt: #FE7743 #273F4F #447D9B #D7D7D7 */
    --color-hero-start: #273F4F;
    /* Dark Navy */
    --color-hero-end: #1e3340;
    /* Darker Navy Gradient End */

    --color-primary: #FE7743;
    /* Orange/Coral CTA Button */
    --color-primary-dark: #e5633a;
    /* Darker Orange for hover */

    --color-body-bg: #D7D7D7;
    /* Light Grey Background */
    --color-text: #273F4F;
    /* Dark Navy Text */
    --color-text-secondary: #3d5a6e;
    /* Secondary Text */
    --color-cyan: #447D9B;
    /* Slate Blue Accent */
    --color-cyan-dark: #3a6b85;
    /* Darker Slate Blue */
    --color-text-light: #5a7080;
    /* Muted Text */
    --color-white: #ffffff;

    --color-dark-bg: #273F4F;
    /* Dark Navy Footer/Section Background */
    --color-border: #c0c0c0;

    --color-warning: #FE7743;
    /* Orange for stars/attention */
    --color-danger: #cc0000;
    /* Red for warnings */
    --color-danger-light: #ff6b6b;
    /* Light Red */
    --color-danger-bg: #fff0f0;

    /* Typography */
    --font-main: 'Adamina', serif;

    /* Spacing & Layout */
    --container-width: 1000px;
    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 16px;

    /* Shadows */
    --shadow-light: 0 5px 20px rgba(39,63,79,0.1);
    --shadow-medium: 0 10px 40px rgba(39,63,79,0.2);
    --shadow-heavy: 0 10px 40px rgba(39,63,79,0.35);

    /* Transitions */
    --transition-fast: 0.3s ease;
}