/* Explain: Defines the color scheme and typography for the website. - */
:root {
    --primary-color: #F58F00;      /* Orange */
    --primary-hover: #D97E00;
    --secondary-color: #326663;    /* Teal */
    --accent-color: #F8BC1A;       /* Yellow */
    --background-color: #FDFBF7;   /* Warm off-white */
    --surface-color: #FFFFFF;
    --surface-strong: #F3F7F6;     /* Light teal tint */
    --text-color: #0A1C24;         /* Darkest navy/black */
    --text-muted: #1E3F40;         /* Dark Teal */
    --border-color: #DDE7E6;       /* Soft teal border */
    --white-color: #FFFFFF;
    --success-color: #10B981;
    --error-color: #EF4444;
    --shadow-soft: 0 18px 55px rgba(245, 143, 0, 0.08);
    --shadow-card: 0 14px 35px rgba(50, 102, 99, 0.08);
    --radius-lg: 2rem;
    --radius-md: 1.25rem;
    --font-heading: 'Nunito', sans-serif;
    --font-body: 'Nunito', sans-serif;
}