:root {
    /* Official palette tokens */
    --palette-amber: #A56B0D;
    --palette-peach: #FDBB74;
    --palette-green: #14A249;
    --palette-danger: #EE4343;
    --palette-danger-soft: #FAE8E3;
    --palette-warm-muted: #F2E9DC;
    --palette-dark: #333333;
    --palette-muted: #AEAEAE;
    --palette-charcoal: var(--palette-dark);
    --palette-white: #FFFFFF;
    --palette-mint: #F1FDF4;
    --palette-ice: #F2F5F7;

    /* Typography tokens */
    --font-primary: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;

    /* Semantic tokens (preferred for usage) */
    --border-width-soft: 1px;
    --border-color-soft: rgba(174, 174, 174, 0.35);
    --color-text: var(--palette-charcoal);
    --color-bg: var(--palette-ice);
    --color-surface: var(--palette-white);
    --color-primary: var(--palette-amber);
    --color-secondary: var(--palette-peach);
    --color-success: var(--palette-green);
    --color-alert: var(--palette-danger);
    --color-alert-bg: var(--palette-danger-soft);
    --color-alert-muted: var(--palette-warm-muted);
    --color-border: var(--border-color-soft);
    --color-header-bg: var(--color-primary);
    --color-header-text: var(--palette-white);
    --color-footer-bg: var(--palette-dark);
    --color-footer-text: var(--palette-white);
    --color-footer-text-secondary: var(--palette-muted);
    --color-active: var(--palette-green);
    --color-active-bg: var(--palette-mint);
    --color-inactive: var(--palette-amber);
    --color-inactive-bg: var(--palette-peach);
    --color-success-bg: var(--palette-mint);
    --shadow-soft: 0 2px 6px rgba(165, 107, 13, 0.15);
}