/* =========================================================
   Spazio Vitale - Design Tokens
   Estetica editorial calida: crema + lima + lavanda, ink casi negro.
   Tipografias: Instrument Serif (titulos), Geist (texto), Geist Mono (labels).
   ========================================================= */

:root {
    /* ---- Acentos de marca ---- */
    --color-lima: #9BC92A;
    --color-lima-dark: #6B8E1F;
    --color-lavanda: #C89BFF;
    --color-lavanda-dark: #7A5AA8;

    /* ---- Roles (nombres heredados, remapeados al nuevo sistema) ---- */
    --color-primary: #1A1816;          /* ink: acciones primarias, titulos */
    --color-primary-dark: #0C0B0A;
    --color-primary-light: #9BC92A;    /* lima (acento) */
    --color-secondary: #C89BFF;        /* lavanda */
    --color-secondary-dark: #7A5AA8;
    --color-accent: #9BC92A;

    /* ---- Superficies y fondo ---- */
    --color-bg: #F4EFE6;               /* crema (fondo general) */
    --color-surface: #FFFFFF;          /* cards, paneles */
    --color-surface-alt: #FAF6EE;      /* secciones alternas */
    --color-border: #E2DCCF;

    /* ---- Texto ---- */
    --color-text: #1A1816;
    --color-text-muted: #6B6760;
    --color-text-invert: #FAF6EE;

    /* ---- Estados ---- */
    --color-success: #6B8E1F;
    --color-warning: #C08A1E;
    --color-danger: #C0452F;
    --color-info: #3A6EA5;

    /* ---- Tipografia ---- */
    --font-heading: 'Instrument Serif', 'Cormorant Garamond', Georgia, serif;
    --font-body: 'Geist', system-ui, -apple-system, 'Segoe UI', sans-serif;
    --font-mono: 'Geist Mono', ui-monospace, 'SFMono-Regular', monospace;

    --text-sm: 0.875rem;     /* 14px */
    --text-base: 1.0625rem;  /* 17px */
    --text-lg: 1.3rem;       /* ~21px */
    --text-xl: 2rem;         /* 32px */
    --text-hero: 3.75rem;    /* 60px */

    /* ---- Espaciados ---- */
    --space-sm: 0.5rem;
    --space-md: 1rem;
    --space-lg: 2rem;
    --space-xl: 4rem;

    /* ---- Radios y sombras (coherentes en todo el sitio) ---- */
    --radius-sm: 10px;
    --radius-md: 16px;
    --radius-lg: 16px;
    --shadow: 0 22px 50px -28px rgba(20, 19, 17, 0.35);

    /* ---- Layout ---- */
    --container-max: 1140px;

    /* =========================================================
       Sistema "Spazio Vitale v2" (landing + header/footer)
       Nombres usados por el markup portado del diseno aprobado.
       ========================================================= */
    --cream: #f4efe6;
    --cream-soft: #faf6ee;
    --paper: #ffffff;
    --ink: #141311;
    --ink-soft: #2a2722;
    --muted: #6b6760;
    --hairline: #d9d3c6;

    --black: #0c0b0a;
    --black-soft: #1a1816;
    --black-text: #f1ece1;
    --black-muted: #8a857c;
    --black-hairline: #2a2722;

    --leaf: #6b8e1f;          /* verde marca legible */
    --leaf-bright: #9bc92a;   /* verde neon (sobre negro) */
    --bloom: #7a5aa8;         /* lavanda legible */
    --bloom-bright: #c89bff;  /* lavanda (sobre negro) */

    --serif: 'Instrument Serif', 'Cormorant Garamond', Georgia, serif;
    --sans: 'Geist', 'Inter', -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Arial, sans-serif;
    --mono: 'Geist Mono', 'JetBrains Mono', ui-monospace, monospace;
}