:root {
    --itza-bg: #f5f7fa;
    --itza-bg-soft: #eceff3;
    --itza-surface: #ffffff;
    --itza-white: #ffffff;
    --itza-primary: #2f4b8f;
    --itza-gray: #b4b9bc;
    --itza-icon-gray: #e0e0e0;
    --itza-carbon: #333333;
    --itza-charcoal: var(--itza-primary);
    --itza-warm-gray: var(--itza-gray);
    --itza-line: rgba(180, 185, 188, 0.45);

    --font-display: "Britannic Bold", "Century Gothic", "Times New Roman", serif;
    --font-body: "Century Gothic", "Helvetica Neue", sans-serif;

    --text-xs: clamp(0.75rem, 0.72rem + 0.2vw, 0.86rem);
    --text-sm: clamp(0.9rem, 0.86rem + 0.28vw, 1rem);
    --text-md: clamp(1rem, 0.96rem + 0.35vw, 1.14rem);
    --text-lg: clamp(1.2rem, 1.08rem + 0.7vw, 1.7rem);
    --text-xl: clamp(2rem, 1.5rem + 2vw, 3.8rem);

    --space-1: clamp(0.6rem, 0.55rem + 0.2vw, 0.8rem);
    --space-2: clamp(0.9rem, 0.8rem + 0.4vw, 1.2rem);
    --space-3: clamp(1.2rem, 1rem + 0.8vw, 1.8rem);
    --space-4: clamp(1.8rem, 1.3rem + 1.3vw, 2.7rem);
    --space-5: clamp(2.8rem, 2rem + 2.6vw, 5rem);
    --space-6: clamp(4rem, 3rem + 4vw, 8rem);
    --space-7: clamp(6rem, 4rem + 8vw, 12rem);

    --radius-sm: 0.45rem;
    --radius-md: 0.8rem;

    --ease-smooth: cubic-bezier(0.22, 1, 0.36, 1);
    --dur-fast: 0.35s;
    --dur-mid: 0.7s;
    --dur-slow: 1.1s;

    --container-max: 1640px;
}