@import url("https://fonts.googleapis.com/css2?family=Archivo:wght@400;500;700;800;900&family=Inter:wght@400;500;600;700&display=swap");
:root {
    /* Surfaces */
    --cream:#EEEEEE; --cream-sink:#FFE6D6; --sage:#F7C5B8; --paper:#FFFFFF;
    /* Ink */
    --forest:#250000; --forest-deep:#C50023; --forest-muted:#6B4A45;
    /* Accent */
    --lime:#FF6A00; --lime-deep:#C50023;
    /* Lines & status */
    --line:#DED5C5; --line-strong:#CFC3AF; --danger:#C50023; --success:#3A8F4A;
    /* Type */
    --display:'Archivo','Arial Narrow',system-ui,sans-serif;
    --body:'Inter',system-ui,-apple-system,sans-serif;
    /* Radius */
    --r-2xs:6px; --r-sm:8px; --r-xs:10px; --r-btn:12px; --r-md:14px; --r-lg:22px; --r-xl:32px; --r-pill:999px;
    /* Shadow */
    --sh-card:0 1px 2px rgba(23,22,18,.04),0 12px 32px -12px rgba(23,22,18,.14);
    --sh-pop:0 24px 60px -22px rgba(23,22,18,.28);
    --sh-focus:0 0 0 3px rgba(243,201,60,.55);
    /* Motion */
    --ease:cubic-bezier(.2,.7,.2,1); --duration:240ms;
    --space-1:4px; --space-2:8px; --space-3:12px; --space-4:16px; --space-5:24px; --space-6:32px;
    --space-7:40px; --space-8:48px; --space-9:64px; --space-10:80px; --space-11:96px; --space-12:128px;
    --container:1240px; --gutter:clamp(20px,4vw,48px);
}