/* ============================================================
   TOKENS — CSS Custom Properties
   ============================================================ */
:root {
    --c-primary: #58622A;
    --c-primary-dark: #424A1F;
    --c-primary-light: #6E7A33;
    --c-primary-ink: #353D1A;
    --c-secondary: #D9DDC8;
    --c-secondary-soft: #ECEEE3;
    --c-gold: #8A8C5A;
    --c-gold-soft: #B0B278;
    --c-bg: #F1F3F3;
    --c-bg-paper: #FFFFFF;
    --c-bg-tinted: #F6F7F1;
    --c-text: #252820;
    --c-text-muted: #5F6255;
    --c-line: rgba(37, 40, 32, 0.10);
    --c-line-soft: rgba(37, 40, 32, 0.06);

    --ff-display: 'Manrope', 'Poppins', Georgia, sans-serif;
    --ff-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --ff-heading: 'Poppins', 'Manrope', sans-serif;

    --s-1: 0.5rem;
    --s-2: 1rem;
    --s-3: 1.5rem;
    --s-4: 2rem;
    --s-5: 3rem;
    --s-6: 4rem;
    --s-7: 6rem;
    --s-8: 8rem;

    --max-w: 1240px;
    --radius-sm: 8px;
    --radius-md: 16px;
    --radius-lg: 26px;

    --header-h: 84px;

    --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
    --ease-in-out: cubic-bezier(0.76, 0, 0.24, 1);
    --ease-spring: cubic-bezier(0.34, 1.4, 0.64, 1);
    --ease-soft: cubic-bezier(0.4, 0, 0.2, 1);
    --t-fast: 0.3s var(--ease-out);
    --t-base: 0.55s var(--ease-out);

    --shadow-card: 0 18px 44px -28px rgba(37, 40, 32, 0.22);
    --shadow-card-hover: 0 28px 60px -22px rgba(37, 40, 32, 0.28);
}

@media (min-width: 1400px) {
    :root { --max-w: 1320px; }
}