:root {
    /* Brand book: Navy 50% · Cream 35% · Copper 10% · Sage 5% */
    --taben-navy: #0D2B45;
    --taben-midnight: #061A2C;
    --taben-cream: #F4F0E8;
    --taben-copper: #C8945A;
    --taben-sage: #7FA68D;

    --taben-primary: #0D2B45;
    --taben-primary-hover: #061A2C;
    --taben-primary-dark: #061A2C;
    --taben-primary-light: #E8E4DC;
    --taben-primary-soft: #ECE7DE;
    --taben-primary-rgb: 13, 43, 69;

    --taben-accent: #C8945A;
    --taben-accent-hover: #B07F48;
    --taben-category: #7FA68D;

    --taben-bg: #F4F0E8;
    --taben-bg-muted: #ECE7DE;
    --taben-bg-section: #F4F0E8;
    --taben-bg-page: #F4F0E8;
    --taben-text: #0D2B45;
    --taben-text-body: #3A4A58;
    --taben-text-muted: #6B7A88;
    --taben-text-light: #8A97A3;
    --taben-border: #DDD6CA;
    --taben-border-light: #E8E2D6;
    --taben-success: #5F8F72;
    --taben-danger: #B4533A;
    --taben-shadow-xs: 0 1px 2px rgba(6, 26, 44, 0.04);
    --taben-shadow-sm: 0 1px 3px rgba(6, 26, 44, 0.06), 0 1px 2px rgba(6, 26, 44, 0.04);
    --taben-shadow-md: 0 4px 16px rgba(6, 26, 44, 0.08);
    --taben-shadow-lg: 0 12px 32px rgba(13, 43, 69, 0.14);
    --taben-radius-sm: 7px;
    --taben-radius: 10px;
    --taben-radius-lg: 14px;
    --taben-radius-xl: 18px;
    --taben-radius-full: 9999px;
    --taben-font: 'Vazirmatn', Tahoma, 'Segoe UI', sans-serif;
    --taben-space-1: 0.25rem;
    --taben-space-2: 0.5rem;
    --taben-space-3: 0.75rem;
    --taben-space-4: 1rem;
    --taben-space-5: 1.5rem;
    --taben-space-6: 2rem;
    --text-hero: clamp(1.65rem, 3.2vw, 2.55rem);
    --text-h1: 1.35rem;
    --text-h2: 0.95rem;
    --text-h3: 0.85rem;
    --text-body: 0.8125rem;
    --text-small: 0.72rem;
    --text-tiny: 0.64rem;
    --text-price: 0.8rem;
    --text-nav: 0.82rem;
}