:root {
    --color-base: #116466; /* Deep Teal */
    --color-mint: #d1e8e2; /* Mint */
    --color-dark: #2c3531; /* Muted Green-Gray */
    --color-light-accent: #d9b08c; /* Warm Sand/Tan */
    --color-secondary-accent: #ffcb9a; /* Soft Peach */
    --color-highlight: #a2c5ac; /* Muted Sage */
    --color-background: #f3f9f8; /* Very Light Gray */
    --color-text: #2c3531;
    --color-elevated-background: #ffffff;
    --color-elevated-text: #2c3531;

    --color-border: var(--color-grey-80);
    --color-elevated-border: var(--color-border);
    --color-invalid: var(--color-red-40);
}