/* Shared accent palette: soft yellow #FFE45C with coordinated light and dark tones. */
:root {
    --brand-accent: #ffe45c;
    --brand-accent-rgb: 255, 228, 92;
    --brand-accent-hover: #f2d448;
    --brand-accent-hover-rgb: 242, 212, 72;
    --brand-accent-light: #ffed8a;
    --brand-accent-light-rgb: 255, 237, 138;
    --brand-accent-soft: #fffbe9;
    --brand-accent-soft-rgb: 255, 251, 233;
    --brand-accent-soft-strong: #fff3bf;
    --brand-accent-soft-strong-rgb: 255, 243, 191;
    --brand-accent-ink: #8a7018;
    --brand-accent-ink-rgb: 138, 112, 24;
    --brand-accent-border: #e8d680;
    --brand-accent-border-rgb: 232, 214, 128;
    --brand-accent-dark: #3b341c;
    --brand-accent-dark-rgb: 59, 52, 28;
    --brand-accent-strong: var(--brand-accent-hover);
    --main-orange: var(--brand-accent);
    --brand-yellow: var(--brand-accent);
}