/* ===================================
   01 - Variables globales
   Tokens de color de la marca.
   Debe cargarse SIEMPRE primero.
   =================================== */

:root {
    --color-gold: #C9A96E;
    --color-gold-light: #D4BA85;
    --color-gold-dark: #A8884E;
    --color-black: #000000;
    --color-gray-dark: #1F2937;
    --color-white: #FFFFFF;

    /* ===== Sistema editorial =====
       Paleta monocroma: carbon + marfil + un solo dorado.
       Se usa en las secciones de la home y en las paginas de catalogo
       para que todo el sitio hable el mismo idioma que el hero. */
    --ink: #1A1712;        /* titulares y texto principal */
    --ink-soft: #4A443B;   /* texto secundario */
    --ink-mute: #7A7267;   /* metadatos, ayudas */
    --ivory: #F7F3EC;      /* fondo calido de seccion */
    --ivory-deep: #EFE9DE; /* fondo de tarjeta sobre marfil */
    --hairline: rgba(26, 23, 18, 0.12);

    /* Ancho que reserva el nav lateral de la home (columna + su margen).
       Lo usan .hero__inner y .sec__inner para no quedar debajo del nav
       cuando la pantalla no es lo bastante ancha. */
    --nav-rail: 176px;

    /* Dorado para TEXTO sobre fondo claro: el --color-gold de marca
       se queda en 4:1 y no pasa AA en tamanos pequenos. */
    --gold-text: #7A6234;
}