:root {
    --color-primary: #1F3B57;
    --color-secondary: #4ABDAC;
    --color-accent: #f1c700;
    --color-text: #333333;
    --color-neutral: #F4F4F4;

    --color-bg: #F4F4F4;
    --color-surface: #FFFFFF;
    --color-muted-text: #666666;
    --color-border: #E5E5E5;
    --color-border-subtle: var(--color-border);

    --color-on-primary: var(--color-text-main);
    --color-on-secondary: var(--color-text-main);

    --color-primary-hover: var(--color-primary);
    --color-secondary-hover: #439E96;
    --color-accent-hover: #D9B300;
    --color-disabled: #CCCCCC;

    --color-focus-ring: rgba(241, 199, 0, 0.35);
}