/**
 * Humeur Design System Tokens (WordPress theme)
 * Migrated from Next.js Style Dictionary output.
 * Fonts: Forum (serif/headings), Poppins (sans/body) – loaded via Google Fonts in functions.php.
 */

:root {
  --font-poppins: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-forum: 'Forum', Georgia, 'Times New Roman', serif;
  --font-serif: var(--font-forum);
  --font-sans-serif: var(--font-poppins);
  --humeur-border-primitive-radius-none: 0;
  --humeur-border-primitive-radius-sm: 0.125rem;
  --humeur-border-primitive-radius-md: 0.25rem;
  --humeur-border-primitive-radius-lg: 0.5rem;
  --humeur-border-primitive-width-thin: 1px;
  --humeur-border-primitive-width-medium: 2px;
  --humeur-border-primitive-width-thick: 3px;
  --humeur-border-semantic-radius-none: 0;
  --humeur-border-semantic-radius-subtle: 0.125rem;
  --humeur-border-semantic-radius-default: 0.25rem;
  --humeur-border-semantic-radius-soft: 0.5rem;
  --humeur-border-semantic-width-default: 1px;
  --humeur-border-semantic-width-focus: 2px;
  --humeur-border-semantic-width-strong: 3px;
  --humeur-border-semantic-color-subtle: #e0dcd4;
  --humeur-border-semantic-color-default: #e0dcd4;
  --humeur-border-semantic-color-strong: #d0cbc2;
  --humeur-border-semantic-color-focus: #9d9f95;
  --humeur-color-primitive-charcoal-600: #5c5852;
  --humeur-color-primitive-charcoal-700: #454240;
  --humeur-color-primitive-charcoal-800: #2c2a28;
  --humeur-color-primitive-charcoal-900: #373737;
  --humeur-color-primitive-stone-200: #d4d1cb;
  --humeur-color-primitive-stone-300: #b5b0a6;
  --humeur-color-primitive-stone-400: #7a756a;
  --humeur-color-primitive-stone-500: #9d9f95;
  --humeur-color-primitive-cream-50: #f4efe6;
  --humeur-color-primitive-cream-100: #f5f3ef;
  --humeur-color-primitive-cream-200: #edeae4;
  --humeur-color-primitive-cream-300: #e0dcd4;
  --humeur-color-primitive-cream-400: #d0cbc2;
  --humeur-color-primitive-brown-400: #995a3a;
  --humeur-color-primitive-brown-500: #824322;
  --humeur-color-primitive-brown-600: #6b3519;
  --humeur-color-primitive-forest-600: #3d5a4e;
  --humeur-color-primitive-forest-700: #2d4a3e;
  --humeur-color-primitive-error-600: #dc2626;
  --humeur-color-primitive-error-700: #b91c1c;
  --humeur-color-primitive-white: #ffffff;
  --humeur-color-primitive-black: #000000;
  --humeur-color-semantic-background-primary: #f4efe6;
  --humeur-color-semantic-background-secondary: #f5f3ef;
  --humeur-color-semantic-background-tertiary: #edeae4;
  --humeur-color-semantic-background-section-light: #faf8f5;
  --humeur-color-semantic-background-inverse: #373737;
  --humeur-color-semantic-foreground-primary: #373737;
  --humeur-color-semantic-foreground-secondary: #5c5852;
  --humeur-color-semantic-foreground-muted: #5c5852;
  --humeur-color-semantic-foreground-inverse: #f4efe6;
  --humeur-color-semantic-accent-primary: #9d9f95;
  --humeur-color-semantic-accent-primary-hover: #7a756a;
  --humeur-color-semantic-accent-primary-light: #b5b0a6;
  --humeur-color-semantic-accent-rich: #2d4a3e;
  --humeur-color-semantic-accent-rich-hover: #3d5a4e;
  --humeur-color-semantic-border-default: #e0dcd4;
  --humeur-color-semantic-border-strong: #d0cbc2;
  --humeur-color-semantic-border-focus: #9d9f95;
  --humeur-color-semantic-interactive-primary: #824322;
  --humeur-color-semantic-interactive-primary-hover: #6b3519;
  --humeur-color-semantic-interactive-on-primary: #ffffff;
  --humeur-color-semantic-feedback-error: #dc2626;
  --humeur-color-semantic-feedback-error-hover: #b91c1c;
  --humeur-elevation-primitive-shadow-none: none;
  --humeur-elevation-primitive-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --humeur-elevation-primitive-shadow-md: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
  --humeur-elevation-primitive-shadow-lg: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
  --humeur-elevation-primitive-shadow-xl: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
  --humeur-elevation-primitive-shadow-overlay: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  --humeur-elevation-primitive-z-index-base: 0;
  --humeur-elevation-primitive-z-index-raised: 10;
  --humeur-elevation-primitive-z-index-overlay: 1000;
  --humeur-elevation-primitive-z-index-modal: 1001;
  --humeur-elevation-primitive-z-index-tooltip: 9999;
  --humeur-spacing-primitive-0: 0;
  --humeur-spacing-primitive-2xs: 0.125rem;
  --humeur-spacing-primitive-xs: 0.25rem;
  --humeur-spacing-primitive-sm: 0.5rem;
  --humeur-spacing-primitive-md: 1rem;
  --humeur-spacing-primitive-lg: 1.5rem;
  --humeur-spacing-primitive-xl: 2rem;
  --humeur-spacing-primitive-2xl: 2.5rem;
  --humeur-spacing-primitive-3xl: 3rem;
  --humeur-spacing-primitive-4xl: 4rem;
  --humeur-spacing-primitive-5xl: 5rem;
  --humeur-spacing-primitive-6xl: 6rem;
  --humeur-spacing-primitive-7xl: 7.5rem;
  --humeur-spacing-primitive-8xl: 10rem;
  --humeur-typography-family-serif: var(--font-serif), Georgia, serif;
  --humeur-typography-family-sans: var(--font-sans-serif), -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --humeur-typography-size-xs: 0.75rem;
  --humeur-typography-size-sm: 0.875rem;
  --humeur-typography-size-md: 1rem;
  --humeur-typography-size-lg: 1.125rem;
  --humeur-typography-size-xl: 1.25rem;
  --humeur-typography-size-2xl: 1.5rem;
  --humeur-typography-size-3xl: 2rem;
  --humeur-typography-size-4xl: 2.25rem;
  --humeur-typography-size-5xl: 3rem;
  --humeur-typography-size-6xl: 4rem;
  --humeur-typography-size-hero: 5rem;
  --humeur-typography-size-section: 2.375rem;
  --humeur-typography-weight-extralight: 200;
  --humeur-typography-weight-light: 300;
  --humeur-typography-weight-regular: 400;
  --humeur-typography-weight-medium: 500;
  --humeur-typography-weight-semibold: 600;
  --humeur-typography-weight-bold: 700;
  --humeur-typography-weight-extrabold: 800;
  --humeur-typography-line-height-tight: 1.1;
  --humeur-typography-line-height-snug: 1.2;
  --humeur-typography-line-height-normal: 1.4;
  --humeur-typography-line-height-relaxed: 1.5;
  --humeur-typography-line-height-loose: 1.6;
  --humeur-typography-semantic-display-hero-font-size: 5rem;
  --humeur-typography-semantic-display-hero-font-weight: 800;
  --humeur-typography-semantic-display-hero-line-height: 1.1;
  --humeur-typography-semantic-display-hero-letter-spacing: 0.08em;
  --humeur-typography-semantic-display-h1-font-size: 3rem;
  --humeur-typography-semantic-display-h2-font-size: 2.375rem;
  --humeur-typography-semantic-heading-h3-font-size: 1.5rem;
  --humeur-typography-semantic-heading-h4-font-size: 1.25rem;
  --humeur-component-button-radius: 0.125rem;
  --humeur-component-button-height: 3rem;
  --humeur-component-button-font-size: 1rem;
  --humeur-component-card-radius: 0.25rem;
  --humeur-component-hero-padding-top: 10rem;
  --humeur-component-hero-padding-bottom: 10rem;
  --humeur-component-hero-background: #373737;
  --humeur-component-hero-text: #f4efe6;
  --humeur-component-section-padding-y: 5rem;
  --humeur-component-section-padding-y-compact: 4rem;
  --humeur-component-section-padding-y-generous: 7.5rem;
}
