/* 
 * BFH Variables (variables.css)
 * Core Design Tokens & Semantic Variables
 */

:root {
    /* -------------------- Typography -------------------- */
    --bfh-font-sans: 'Inter', system-ui, -apple-system, sans-serif;
    --bfh-font-serif: 'Playfair Display', Georgia, serif;
    
    --bfh-font-weight-light: 300;
    --bfh-font-weight-regular: 400;
    --bfh-font-weight-medium: 500;
    --bfh-font-weight-semibold: 600;
    --bfh-font-weight-bold: 700;

    --bfh-text-xs: 0.75rem;
    --bfh-text-sm: 0.875rem;
    --bfh-text-base: 1rem;
    --bfh-text-lg: 1.125rem;
    --bfh-text-xl: 1.25rem;
    --bfh-text-2xl: 1.5rem;
    --bfh-text-3xl: 1.875rem;

    /* -------------------- Spacing -------------------- */
    --bfh-space-1: 0.25rem;
    --bfh-space-2: 0.5rem;
    --bfh-space-3: 0.75rem;
    --bfh-space-4: 1rem;
    --bfh-space-5: 1.5rem;
    --bfh-space-6: 2rem;
    --bfh-space-8: 3rem;
    --bfh-space-10: 4rem;

    /* -------------------- Borders & Radius -------------------- */
    --bfh-radius-sm: 4px;
    --bfh-radius-md: 8px;
    --bfh-radius-lg: 12px;
    --bfh-radius-xl: 16px;
    --bfh-radius-pill: 9999px;
    --bfh-radius-round: 50%;
    
    --bfh-border-width: 1px;

    /* -------------------- Motion -------------------- */
    --bfh-anim-fast: 150ms ease-in-out;
    --bfh-anim-normal: 250ms ease-in-out;
    --bfh-anim-slow: 400ms ease;

    /* -------------------- Z-Index -------------------- */
    --bfh-z-base: 1;
    --bfh-z-dropdown: 100;
    --bfh-z-sticky: 200;
    --bfh-z-modal: 1000;
    --bfh-z-toast: 2000;

    /* -------------------- Base Accords (Constant across themes) -------------------- */
    --bfh-accord-fresh: #00A896;
    --bfh-accord-citrus: #F4D35E;
    --bfh-accord-woody: #8B5A2B;
    --bfh-accord-amber: #D2691E;
    --bfh-accord-aromatic: #7C9885;
    --bfh-accord-musky: #A9A9A9;
    --bfh-accord-floral: #FFB6C1;
    --bfh-accord-spicy: #CD5C5C;
    --bfh-accord-sweet: #FF69B4;
}