/*
 * tokens.css
 * Variables globales: paleta, tipografia, espaciados, radios, z-index.
 * Taller Veladura -- Valencia.
 */

:root {
    --color-paper: #ffffff;
    --color-lavanda: #ccccff;
    --color-aqua: #99cccc;
    --color-ink: #33334a;
    --color-deep: #5c5cb8;
    --color-deep-dark: #46468f;
    --color-deep-soft: #e7e7fb;
    --color-border: #d8d8ef;

    --font-serif: 'IBM Plex Serif', Georgia, 'Times New Roman', serif;
    --font-sans: 'IBM Plex Sans', -apple-system, Segoe UI, Arial, sans-serif;

    --fs-h1: clamp(2.1rem, 1.55rem + 2.6vw, 3.75rem);
    --fs-h2: clamp(1.55rem, 1.3rem + 1.2vw, 2.35rem);
    --fs-h3: clamp(1.2rem, 1.08rem + 0.55vw, 1.5rem);
    --fs-lead: clamp(1.05rem, 0.98rem + 0.35vw, 1.25rem);
    --fs-body: 1rem;
    --fs-small: 0.875rem;

    --space-3xs: 0.25rem;
    --space-2xs: 0.5rem;
    --space-xs: 0.75rem;
    --space-sm: 1.25rem;
    --space-md: 2rem;
    --space-lg: 3.25rem;
    --space-xl: 5rem;
    --space-2xl: 7.5rem;

    --container-w: 74rem;
    --container-pad: clamp(1.25rem, 4vw, 3rem);

    --radius-sm: 0.35rem;
    --radius-md: 0.75rem;

    --shadow-card: 0 1.25rem 2.5rem -1.75rem rgba(51, 51, 74, 0.45);
    --shadow-lift: 0 0.5rem 1.5rem -0.75rem rgba(51, 51, 74, 0.35);

    --cut-sm: clamp(0.875rem, 2vw, 1.75rem);
    --cut-lg: clamp(1.5rem, 4vw, 3.5rem);

    --z-header: 50;
    --z-menu: 60;
    --z-cookie: 55;

    --ease-standard: cubic-bezier(0.22, 0.61, 0.36, 1);
    --dur-fast: 160ms;
    --dur-base: 320ms;

    /* --accent-soft: not referenced anywhere yet, kept for future card tints */
    --accent-soft: #f2f2fc;
}