:root{
    --color-bg:#f9f9f5;
    --color-surface:#fff;
    --color-text:#232823;
    --color-muted:#656b63;
    --color-accent:#f5cb47;
    --color-accent-hover:#ffda62;
    --color-border:#dedfd6;
    --color-danger:#a72828;
    --color-success:#306f48;
    --color-dark:#242a25;
    --color-soft:#eeefe8;
    --color-inverse:#f7f8f1;
    --color-dark-muted:#c0c6bc;
    --color-overlay:rgba(17,23,18,.65);
    --radius:16px;
    --radius-sm:9px;
    --container:1320px;
    --gutter:40px;
    --ease:cubic-bezier(.2,.8,.2,1)
}