/* ========================================
   HEIMDALL STARTER
   VARIABLES
   Castelmonte Stufe
   ======================================== */

:root {

	/* ========================================
	   Typography
	======================================== */

	--font-primary: 'Inter', sans-serif;
	--font-heading: 'Playfair Display', serif;
	--font-serif: 'Cormorant Garamond', serif;

	/* ========================================
	   Brand Colors Castelmonte
	======================================== */

	--nero: #000000;
	--carbone: #1a1a1a;
	--grafite: #3f3e3e;
	--fiamma: #c8681a;
	--ambra: #d68838;
	--oro: #c8a060;
	--crema: #e8c4a0;
	--bianco: #ffffff;
	--grigio-chiaro: #bdbcbc;
	--grigio-40: #f1f1f1;

	/* ========================================
	   Color Aliases
	======================================== */

	--color-black: var(--nero);
	--color-white: var(--bianco);

	--color-primary: var(--fiamma);
	--color-secondary: var(--ambra);
	--color-accent: var(--oro);

	--color-heading: var(--bianco);
	--color-text: var(--grigio-chiaro);
	--color-text-muted: var(--grigio-chiaro);

	--color-background: var(--nero);
	--color-background-soft: var(--carbone);
	--color-surface: var(--grafite);
	--color-border: rgba(200, 104, 26, 0.2);

	/* ========================================
	   Typography Scale
	======================================== */

	--font-size-xs: clamp(0.75rem, 0.72rem + 0.15vw, 0.8125rem);
	--font-size-sm: clamp(0.875rem, 0.84rem + 0.18vw, 0.9375rem);
	--font-size-base: clamp(1rem, 0.96rem + 0.2vw, 1.0625rem);
	--font-size-md: clamp(1.125rem, 1.06rem + 0.32vw, 1.25rem);
	--font-size-lg: clamp(1.25rem, 1.12rem + 0.6vw, 1.5rem);
	--font-size-xl: clamp(1.5rem, 1.3rem + 1vw, 2rem);
	--font-size-2xl: clamp(1.875rem, 1.55rem + 1.4vw, 2.5rem);

	--heading-1-size: clamp(2.8rem, 4vw, 4.5rem);
	--heading-2-size: clamp(2rem, 3vw, 3.2rem);
	--heading-3-size: clamp(1.6rem, 2.4vw, 2.4rem);
	--heading-4-size: clamp(1.35rem, 2vw, 1.8rem);
	--heading-5-size: clamp(1.15rem, 1.6vw, 1.35rem);
	--heading-6-size: clamp(1rem, 1.3vw, 1.15rem);

	/* ========================================
	   Line Heights
	======================================== */

	--line-height-tight: 1.1;
	--line-height-heading: 1.2;
	--line-height-body: 1.6;

	/* ========================================
	   Font Weights
	======================================== */

	--font-weight-light: 300;
	--font-weight-regular: 400;
	--font-weight-medium: 500;
	--font-weight-semibold: 600;
	--font-weight-bold: 700;
	--font-weight-black: 900;

	/* ========================================
	   Layout
	======================================== */

	--container-width: 1280px;
	--container-padding: 20px;
	--header-height: 90px;

	/* ========================================
	   Spacing
	======================================== */

	--space-xs: 0.5rem;
	--space-sm: 1rem;
	--space-md: 2rem;
	--space-lg: 4rem;
	--space-xl: 6rem;
	--space-2xl: 8rem;

	/* ========================================
	   Borders
	======================================== */

	--border-radius-sm: 4px;
	--border-radius-md: 8px;
	--border-radius-lg: 16px;

	/* ========================================
	   Transitions
	======================================== */

	--transition-fast: 0.2s ease;
	--transition-base: 0.3s ease;
	--transition-slow: 0.5s ease;

	/* ========================================
	   Buttons
	======================================== */

	--button-padding-y: 1rem;
	--button-padding-x: 2.4rem;
	--button-border-radius: 0;
	--button-font-size: 0.72rem;
	--button-font-weight: var(--font-weight-medium);
	--button-line-height: 1;
	--button-transition: var(--transition-base);

	/* ========================================
	   Cards
	======================================== */

	--card-padding: 2rem;
	--card-radius: 0;
	--card-background: var(--carbone);
	--card-border-color: rgba(200, 104, 26, 0.15);
	--card-gap: 1rem;

	/* ========================================
	   Forms
	======================================== */

	--form-control-height: 48px;

	/* ========================================
	   Motion
	======================================== */

	--motion-duration-fast: 0.2s;
	--motion-duration-base: 0.35s;
	--motion-duration-slow: 0.6s;
	--motion-duration-fade: 2s;
	--motion-duration-reveal: 2s;
	--motion-ease: cubic-bezier(0.22, 1, 0.36, 1);

}