/**
 * Xpat Journeys design tokens
 * @see docs/BRAND.md
 */
:root {
    color-scheme: light;

    /* Brand */
    --brand-primary: #0d6b5f;
    --brand-primary-hover: #095a50;
    --brand-primary-soft: #e3f2ef;
    --brand-primary-muted: #b8e0d9;

    /* Neutrals */
    --text: #1c1917;
    --text-body: #292524;
    --muted: #78716c;
    --border: #e7e5e4;
    --bg: #f5f5f4;
    --paper: #fafaf9;
    --surface: #ffffff;

    /* Footer */
    --footer-bg: #141210;
    --footer-text: #e7e5e4;
    --footer-muted: #a8a29e;

    /* Aliases (used across stylesheets) */
    --accent: var(--brand-primary);
    --accent-hover: var(--brand-primary-hover);
    --accent-soft: var(--brand-primary-soft);
    --white: var(--surface);

    /* Links */
    --link-color: var(--brand-primary);
    --link-underline: var(--brand-primary-muted);
    --link-hover: var(--brand-primary-hover);

    /* Typography */
    --sans: "DM Sans", system-ui, -apple-system, sans-serif;
    --serif: "Source Serif 4", Georgia, "Times New Roman", serif;

    /* Layout */
    --content-max: 72rem;
    --article-max: 52rem;
    --header-h: 4.25rem;

    /* Elevation */
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);
    --shadow-md: 0 12px 40px rgba(0, 0, 0, .08);
}