/**
 * Theme CSS Variables
 *
 * Note:
 * - This theme includes a local @font-face for the primary brand font (Cinzel).
 *
 * @package Horse_Taxi
 */ 
 :root {
     /* Colors */
     --color-text-light: #333;
     --color-text-muted: #717171;
     --color-white: #fcfcfc;
     --color-light-white: #c1c1c1;
     --color-beige: #d8c8a4;
     --color-light-black: #141414;
     --color-overlay: rgba(0, 0, 0, 0.5);
     --color-background: #040505;
     --color-dark: #2c2c2c;
     --color-border: #e5e5e5;
     --color-accent: #0d9488;
     --color-border-light: #a3a3a359;
     --color-grey-background: #f4f4f4;
 
     /* Typography: Cinzel for headings, Montserrat for body */
     --font-heading: 'Geist', Georgia, serif;
     --font-body: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
     --font-primary: var(--font-heading);
     --font-secondary: var(--font-body);
 
     --font-size-base: 14px;
     --font-size-small: 12px;
     --font-size-large: 16px;
     --font-size-xl: 20px;
     --font-size-2xl: 28px;
     --font-size-3xl: 48px;
     --font-size-4xl: 62px;
     --font-size-h3: 1.75rem;
     --font-size-h2: 2.5rem;
     --font-size-h1: 5rem;
     --font-size-huge: 6rem;
     --font-size-logo: 1.125rem;
     --font-size-nav: 14px;
     --line-height-base: 1.4;
     --line-height-tight: 1.2;
     --line-height-small: 0.9;
     --letter-spacing-tight: -.025em;
 
     /* Spacing */
     --spacing-xs: 0.5rem;
     --spacing-sm: 1rem;
     --spacing-md: 2rem;
     --spacing-lg: 3rem;
     --spacing-xl: 4rem;
     --spacing-2xl: 6rem;
     --spacing-3xl: 8rem;
     --spacing-4xl: 10rem;
 
     /* Transitions */
     --transition-fast: 0.2s ease;
     --transition-base: 0.3s ease;
     --transition-slow: 0.5s ease;
 
    /* Layout */
    --container-width: 100%;
    --container-padding: var(--spacing-sm);
    --header-height: 80px;
    --hero-padding-left: 40px;
    --hero-padding-right: 40px;
    --nav-padding-right: 40px;
    --radius-card: 12px;

    /* Header / nav hover (same as icons) */
    --nav-hover-bg: rgba(255, 255, 255, 0.1);
    --nav-hover-border-radius: 4px;
 
     /* Scrollsequence */
     /* Lower = faster (less scroll distance per frame) */
     --scrollsequence-px-per-frame: 12px;
 }