/* Golden Hour — rich, warm, autumnal.
   Palette: Mustard Yellow #f4a900 · Terracotta #c1666b · Warm Beige #d4b896 · Chocolate #4a403a
   Type: FreeSans Bold headers / FreeSans body */
@import url('https://fonts.googleapis.com/css2?family=Arimo:wght@400;600;700&display=swap');

:root {
    --font-heading: 'Arimo', 'FreeSans', Helvetica, Arial, sans-serif;
    --font-body: 'Arimo', 'FreeSans', Helvetica, Arial, sans-serif;

    --bg: #fdfaf5;
    --soft: #f6ecdd;
    --surface: #ffffff;
    --text: #5b504a;
    --heading: #4a403a;
    --muted: #8f8177;
    --line: #ecdfd0;

    --brand: #c1666b;
    --brand-strong: #a04b50;
    --rank: #f4a900;
    --score: #4a403a;

    --topbar-bg: #f6ecdd;
    --topbar-text: #8f8177;

    --header-bg: #4a403a;
    --header-border: #4a403a;
    --header-logo: #ffffff;
    --header-link: #d4b896;
    --header-link-hover: #f4a900;

    --hero-bg: linear-gradient(150deg, #4a403a 0%, #8a5f4d 100%);
    --hero-text: #ffffff;
    --hero-sub: #e8d5bd;

    --badge-bg: #f4a900;
    --badge-text: #4a403a;

    --cta-bg: #c1666b;
    --cta-text: #ffffff;
    --cta-hover: #a04b50;

    --footer-bg: #4a403a;
    --footer-text: #b3a79c;
    --footer-link: #d4b896;

    --radius: 8px;
    --radius-pill: 99px;
    --radius-cta: 5px;
    --shadow: 0 1px 3px rgba(74, 64, 58, .07);
    --shadow-hover: 0 8px 22px rgba(74, 64, 58, .14);
}