:root {
    /* Brand palette */
    --versai-color-primary: #a0522d;
    --versai-color-primary-rgb: 160, 82, 45;
    --versai-color-primary-dark: #3c2417;
    --versai-color-primary-deep: #24150d;
    --versai-color-primary-soft: #6a432c;

    --versai-color-accent: #9caf88;
    --versai-color-accent-rgb: 156, 175, 136;
    --versai-color-accent-dark: #748362;
    --versai-color-accent-light: #c7d2ba;

    --versai-color-cream: #fffdd0;
    --versai-color-background: #fffaf0;
    --versai-color-surface: #fffdf7;
    --versai-color-surface-muted: #f8f0e4;

    --versai-color-heading: #35251c;
    --versai-color-text: #59483d;
    --versai-color-muted: #817369;
    --versai-color-white: #ffffff;
    --versai-color-border: rgba(var(--versai-color-primary-rgb), 0.14);
    --versai-color-border-strong: rgba(var(--versai-color-primary-rgb), 0.24);

    /* Typography */
    --versai-font-family: "Yekan Bakh", Tahoma, Arial, sans-serif;
    --versai-font-size-xs: 0.75rem;
    --versai-font-size-sm: 0.875rem;
    --versai-font-size-base: 1rem;
    --versai-font-size-lg: 1.125rem;
    --versai-font-size-xl: 1.25rem;
    --versai-font-size-h1: clamp(2rem, 4vw, 4.5rem);
    --versai-font-size-h2: clamp(1.75rem, 3vw, 3.25rem);
    --versai-font-size-h3: clamp(1.35rem, 2vw, 2rem);
    --versai-line-height-base: 1.9;
    --versai-line-height-heading: 1.35;

    /* Layout */
    --versai-page-gutter: clamp(1rem, 2.8vw, 3.5rem);
    --versai-section-space-sm: clamp(2.5rem, 4vw, 4.5rem);
    --versai-section-space: clamp(4rem, 7vw, 7.5rem);
    --versai-reading-width: 52rem;
    --versai-header-height: 5.25rem;
    --versai-admin-bar-offset: 0px;

    /* Radius */
    --versai-radius-xs: 0.5rem;
    --versai-radius-sm: 0.75rem;
    --versai-radius-md: 1.25rem;
    --versai-radius-lg: 2rem;
    --versai-radius-xl: 2.75rem;
    --versai-radius-pill: 100rem;

    /* Shadows */
    --versai-shadow-sm: 0 0.5rem 1.5rem rgba(53, 32, 20, 0.08);
    --versai-shadow-md: 0 1.25rem 3rem rgba(53, 32, 20, 0.12);
    --versai-shadow-lg: 0 2rem 5rem rgba(36, 21, 13, 0.18);

    /* Motion */
    --versai-transition-fast: 180ms ease;
    --versai-transition-base: 280ms ease;
    --versai-transition-slow: 420ms cubic-bezier(0.22, 1, 0.36, 1);

    /* Bootstrap bridge */
    --bs-body-font-family: var(--versai-font-family);
    --bs-body-font-size: var(--versai-font-size-base);
    --bs-body-line-height: var(--versai-line-height-base);
    --bs-body-color: var(--versai-color-text);
    --bs-body-bg: var(--versai-color-background);
    --bs-primary: var(--versai-color-primary);
    --bs-primary-rgb: var(--versai-color-primary-rgb);
    --bs-secondary: var(--versai-color-accent);
    --bs-secondary-rgb: var(--versai-color-accent-rgb);
    --bs-border-color: var(--versai-color-border);
    --bs-border-radius: var(--versai-radius-sm);
    --bs-border-radius-lg: var(--versai-radius-md);
    --bs-link-color: var(--versai-color-primary);
    --bs-link-hover-color: var(--versai-color-primary-dark);
}

.admin-bar {
    --versai-admin-bar-offset: 32px;
}