:root {
    --pony-gold: #d8b16a;
    --pony-gold-light: #f1d99e;
    --pony-cream: #f8f2e9;
    --pony-cream-2: #efe3d3;
    --pony-black: #0f0f0f;
    --pony-dark: #171512;
    --pony-text: #251f19;
    --pony-muted: #81776c;
    --pony-white: #ffffff;
    --pony-border: rgba(37,31,25,.10);

    --pony-radius-xs: 6px;
    --pony-radius-sm: 10px;
    --pony-radius-md: 14px;
    --pony-radius-lg: 22px;
    --pony-radius-xl: 30px;
    --pony-radius-pill: 999px;

    --pony-space-1: 6px;
    --pony-space-2: 10px;
    --pony-space-3: 14px;
    --pony-space-4: 20px;
    --pony-space-5: 28px;
    --pony-space-6: 40px;
    --pony-space-7: 56px;
    --pony-space-8: 80px;

    --pony-container: 1280px;
    --pony-header-height: 78px;

    --pony-shadow-sm: 0 6px 22px rgba(0,0,0,.07);
    --pony-shadow-card: 0 10px 34px rgba(0,0,0,.08);
    --pony-shadow-hover: 0 18px 48px rgba(0,0,0,.14);

    --pony-transition: .28s cubic-bezier(.2,.7,.2,1);
    --pony-transition-slow: .5s cubic-bezier(.2,.7,.2,1);
}