/**
 * Dynasty Luxury Rentals — design tokens.
 * Extraídos del Figma (file: bA2MX3Zvyy4hqSlUIeGVm7) el 2026-05-28.
 * Fuente única de verdad para colores, tipografía, sombras y radios.
 */

:root {

    /* === Colores marca === */
    --dynasty-brand-gold:        #D4AF37;  /* Brand/Rich Gold y Brand/Yellow (mismo valor) */
    --dynasty-brand-silver:      #C0C0C0;  /* Brand/Silver */

    /* === Neutros === */
    --dynasty-white:             #FFFFFF;  /* Neutros/Blanco */
    --dynasty-white-accent:      #F9F9F9;  /* Neutros/Blanco acento */
    --dynasty-black-obsidian:    #0A0A0A;  /* Neutros/Obsidian Black */
    --dynasty-gray-brand:        #6D6E70;  /* Neutros/Gris brand */

    /* === Tipografía: familias === */
    --dynasty-font-heading:      "Montserrat", system-ui, -apple-system, "Segoe UI", sans-serif;
    --dynasty-font-body:         "Raleway",    system-ui, -apple-system, "Segoe UI", sans-serif;

    /* === Tipografía: tamaños (mobile-first; ajustes responsive en otro layer) === */
    --dynasty-fs-h2:             49px;
    --dynasty-fs-h3:             39px;
    --dynasty-fs-h4:             31px;
    --dynasty-fs-h5:             25px;
    --dynasty-fs-h6:             20px;
    --dynasty-fs-body:           16px;
    --dynasty-fs-small:          13px;

    /* === Tipografía: pesos === */
    --dynasty-fw-regular:        400;
    --dynasty-fw-medium:         500;
    --dynasty-fw-semibold:       600;
    --dynasty-fw-bold:           700;

    /* === Tipografía: line-heights (Figma usa 100% en mayoría; 49px/49px en H2 = 1.0) === */
    --dynasty-lh-tight:          1;        /* H3–H6, body, small */
    --dynasty-lh-headline:       1;        /* H2 viene con line-height igual a font-size */

    /* === Sombras === */

    /* Section: sombra suave en layers (cards/secciones generales). */
    --dynasty-shadow-section:
        0 8px 18px 0 rgba(194, 194, 194, 0.05),
        0 34px 34px 0 rgba(194, 194, 194, 0.04),
        0 76px 45px 0 rgba(194, 194, 194, 0.03),
        0 134px 54px 0 rgba(194, 194, 194, 0.01),
        0 210px 59px 0 rgba(194, 194, 194, 0);

    /* Nav: sombra muy profunda para barra de navegación o overlays grandes. */
    --dynasty-shadow-nav:
        0 53px 116px 0 rgba(0, 0, 0, 0.10),
        0 211px 211px 0 rgba(0, 0, 0, 0.09),
        0 475px 250px 0 rgba(0, 0, 0, 0.05),
        0 845px 250px 0 rgba(0, 0, 0, 0.01),
        0 1320px 250px 0 rgba(0, 0, 0, 0);

    /* Car: sombra media para tarjetas de auto (Card/Ferrari, etc). */
    --dynasty-shadow-car:
        0 6px 12px 0 rgba(0, 0, 0, 0.10),
        0 22px 22px 0 rgba(0, 0, 0, 0.09),
        0 50px 30px 0 rgba(0, 0, 0, 0.05),
        0 89px 36px 0 rgba(0, 0, 0, 0.01),
        0 140px 39px 0 rgba(0, 0, 0, 0);
}