/**
 * Imperial House Real Estate — design token
 * Palette "neutro minerale": grigio/tortora + metallo satinato.
 * Vedi CLAUDE.md per le decisioni di design vincolanti.
 */

:root {
    /* Colori */
    --color-bg: #F3F0EA;
    --color-bg-alt: #EAE5DC;
    --color-white: #FFFFFF;
    --color-ink: #2B2B2E;
    --color-ink-soft: #45443F;
    --color-muted: #8C8577;
    --color-metal: #A97C50;
    --color-metal-light: #C7A47C;
    --color-metal-dark: #83603C;
    --color-border: rgba(43, 43, 46, 0.12);
    --color-overlay: rgba(20, 19, 17, 0.45);

    /* Tipografia */
    --font-serif: 'Fraunces', 'Georgia', serif;
    --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

    --fs-hero: clamp(2.75rem, 6vw, 5.5rem);
    --fs-h1: clamp(2.25rem, 4vw, 3.5rem);
    --fs-h2: clamp(1.75rem, 3vw, 2.5rem);
    --fs-h3: clamp(1.25rem, 2vw, 1.75rem);
    --fs-eyebrow: 0.8125rem;
    --fs-body: 1.0625rem;
    --fs-small: 0.9375rem;

    --lh-tight: 1.1;
    --lh-heading: 1.25;
    --lh-body: 1.65;

    --ls-eyebrow: 0.16em;
    --ls-wide: 0.04em;

    /* Spaziatura */
    --space-3xs: 0.25rem;
    --space-2xs: 0.5rem;
    --space-xs: 0.75rem;
    --space-sm: 1rem;
    --space-md: 1.5rem;
    --space-lg: 2.5rem;
    --space-xl: 4rem;
    --space-2xl: 6rem;
    --space-3xl: 9rem;

    /* Layout */
    --container-max: 1280px;
    --container-padding: clamp(1.25rem, 5vw, 4rem);
    --radius-sm: 2px;
    --radius-md: 4px;

    /* Ombre — sempre molto sottili, mai "glow" */
    --shadow-sm: 0 1px 2px rgba(43, 43, 46, 0.06);
    --shadow-md: 0 8px 24px rgba(43, 43, 46, 0.08);
    --shadow-lg: 0 16px 48px rgba(43, 43, 46, 0.12);

    /* Transizioni */
    --ease-default: cubic-bezier(0.16, 1, 0.3, 1);
    --duration-fast: 0.25s;
    --duration-base: 0.45s;
    --duration-slow: 0.9s;

    /* Livelli */
    --z-header: 100;
    --z-menu: 200;
    --z-modal: 300;
}