/* ==========================================================
   Design Tokens — The Ashlar on Prospect (public site)
   Colors sampled directly from the client's brand logo:
     412        -> ink (charcoal)
     7530       -> accent (warm tan/gold)
     Cool Gray 1C -> cream
   ========================================================== */

:root {
    /* Color — exact values from the brand logo files */
    --color-ink: #382b26;
    --color-ink-soft: #5c4c43;
    --color-cream: #f8f6f2;
    --color-cream-deep: #e8e3d9;
    --color-warm-gray: #efe9e0;
    --color-border: #e0d8cc;
    --color-accent: #a89682;
    --color-accent-dark: #8a7660;
    --color-white: #ffffff;
    --color-success: #3f6b4a;
    --color-success-bg: #eaf1ec;
    --color-error: #a3403a;
    --color-error-bg: #f7ece9;

    /* Typography — Trebuchet MS matches the logo's actual typeface */
    --font-display: 'Trebuchet MS', 'Verdana', 'Segoe UI', sans-serif;
    --font-body: 'Trebuchet MS', 'Verdana', 'Segoe UI', sans-serif;

    /* Spacing */
    --space-xs: 8px;
    --space-sm: 16px;
    --space-md: 24px;
    --space-lg: 40px;
    --space-xl: 80px;
    --space-2xl: 120px;

    /* Layout */
    --content-width: 1280px;
    --content-width-narrow: 760px;
    --radius: 0;
    --radius-lg: 0;

    /* Motion */
    --ease: cubic-bezier(0.22, 1, 0.36, 1);
}