:root {
    --color-primary: #A34C17;
    --color-primary-hover: #843B10;
    --color-background: #FFFFFF;
    --color-background-alt: #F7F6F3;
    --color-surface: #FFFFFF;
    --color-text: #222222;
    --color-text-muted: #65615C;
    --color-border: #DDDAD5;
    --color-primary-soft: #F2E7DE;
    --color-header-background: rgba(255, 255, 255, .94);
    --color-focus: #A34C17;
    --color-error: #9B2C2C;
    --color-success: #2D6A4F;
    --color-on-primary: #FFFFFF;
    --font-body: "Inter", Arial, sans-serif;
    --font-heading: "Inter", Arial, sans-serif;
    --font-size-base: 1rem;
    --font-size-small: 0.875rem;
    --font-size-h1: clamp(2.8rem, 6vw, 5.5rem);
    --font-size-h2: clamp(2rem, 4vw, 3.5rem);
    --font-size-h3: 1.5rem;
    --container-width: 1200px;
    --section-spacing: clamp(4rem, 8vw, 8rem);
    --container-width-home: 1280px;
    --section-spacing-home: clamp(3.5rem, 5vw, 5rem);
    --section-spacing-home-tight: clamp(2.75rem, 4vw, 4rem);
    --home-column-gap: clamp(2rem, 5vw, 5rem);
    --home-copy-width: 36rem;
    --home-hero-heading-width: 20ch;
    --font-size-home-hero: clamp(3rem, 5vw, 4.5rem);
    --font-size-home-section-heading: clamp(2rem, 3.4vw, 3.25rem);
    --home-workflow-min-height: 11rem;
    --home-explore-panel-min-height: 32rem;
    --home-tall-screenshot-width: 32rem;
    --font-size-home-panel: clamp(1.6rem, 2.4vw, 2.45rem);
    --content-gap: 2rem;
    --space-1: .5rem;
    --space-2: .75rem;
    --space-3: 1rem;
    --space-4: 1.5rem;
    --space-5: 2rem;
    --space-6: 3rem;
    --space-7: 4rem;
    --radius-small: 6px;
    --radius-medium: 12px;
    --radius-large: 20px;
    --button-height: 48px;
    --shadow-soft: 0 8px 30px rgba(0, 0, 0, .05);
    --shadow-lift: 0 20px 50px rgba(34, 34, 34, .09);
    --transition-speed: 200ms;
}