/* ==========================================================================
   Cattle Expert — Design Tokens
   All colors, typography, spacing, and layout tokens.
   ========================================================================== */

:root {
    /* --- Palette --- */
    --ce-cream:           #F5F3EE;
    --ce-cream-muted:     #EAE6DE;
    --ce-green-dark:      #2C4A2E;
    --ce-green-sage:      #A8C5A0;
    --ce-ochre:           #8B6914;
    --ce-dark:            #1a1a1a;
    --ce-text-primary:    #1a1a1a;
    --ce-text-secondary:  #5a5a5a;
    --ce-text-muted:      #888888;
    --ce-border-light:    rgba(44, 74, 46, 0.1);
    --ce-border-dark:     rgba(255, 255, 255, 0.08);

    /* --- Typography --- */
    --ce-font-display:    'Helvetica Neue', Helvetica, Arial, sans-serif;
    --ce-font-body:       'Helvetica Neue', Helvetica, Arial, sans-serif;

    /* --- Font Sizes (fluid, clamp) --- */
    --ce-text-xs:         0.6875rem;   /* 11px */
    --ce-text-sm:         0.75rem;     /* 12px */
    --ce-text-base:       0.8125rem;   /* 13px */
    --ce-text-md:         0.875rem;    /* 14px */
    --ce-text-lg:         1rem;        /* 16px */
    --ce-text-xl:         1.25rem;     /* 20px */
    --ce-text-2xl:        1.5rem;      /* 24px */
    --ce-text-3xl:        clamp(1.5rem, 2.5vw, 1.75rem);  /* 24-28px */
    --ce-text-4xl:        clamp(1.75rem, 3vw, 2.25rem);   /* 28-36px */
    --ce-text-hero:       clamp(2rem, 4vw, 2.75rem);      /* 32-44px */

    /* --- Spacing --- */
    --ce-space-xs:        4px;
    --ce-space-sm:        8px;
    --ce-space-md:        16px;
    --ce-space-lg:        24px;
    --ce-space-xl:        32px;
    --ce-space-2xl:       48px;
    --ce-space-3xl:       64px;
    --ce-space-section:   clamp(48px, 8vw, 80px);

    /* --- Layout --- */
    --ce-max-width:       1200px;
    --ce-content-padding: clamp(16px, 4vw, 40px);
    --ce-radius-sm:       2px;
    --ce-radius-md:       4px;
    --ce-radius-lg:       8px;

    /* --- Transitions --- */
    --ce-transition-fast: 0.15s ease;
    --ce-transition-base: 0.25s ease;
}