/* ============================================
   Design Tokens
   ============================================ */

:root {
    /* Brand */
    --color-primary: #c67a4a;
    --color-primary-dark: #a8613a;
    --color-primary-glow: rgba(198, 122, 74, .3);

    /* Green accent (nav, badges, steps) */
    --color-green: #4a5a3a;
    --color-green-dark: #3a4a2e;
    --color-green-light: #95a882;
    --color-green-bg: #eef3ea;

    /* Neutrals */
    --color-text: #2c2c2c;
    --color-text-light: #6b6b6b;
    --color-bg: #fafaf8;
    --color-white: #ffffff;
    --color-border: #e8e4df;
    --color-cream: #f5f0eb;
    --color-warm-bg: #fef3ea;

    /* Typography */
    --font-heading: 'Playfair Display', Georgia, serif;
    --font-body: 'Lato', -apple-system, sans-serif;

    /* Shadows */
    --shadow-sm: 0 1px 3px rgba(0, 0, 0, .08);
    --shadow-md: 0 4px 16px rgba(0, 0, 0, .1);
    --shadow-lg: 0 8px 32px rgba(0, 0, 0, .12);

    /* Layout */
    --radius: 10px;
    --container: 1200px;

    /* Spacing */
    --section-padding: 48px;
    --section-padding-mobile: 32px;

    /* Nav */
    --nav-height: 49px;
}