/* ============================================================================
   YDM Design Tokens — fuente unica de verdad para colores y tipografia del
   sitio publico de Yutaka/Motherson.

   Regla: los demas .css del sitio (style.css, CarouselIndex.css, ydm-shieldnet.css)
   NO deben tener hex codes de marca sueltos - deben usar var(--ydm-*) definido aqui.
   Asi, la proxima vez que cambie el color/tipografia de marca, se edita en UN
   solo lugar en vez de buscar en cada archivo.

   No incluye los tokens de Bolsa de Trabajo (--vac-*, definidos en
   vac-bolsa-trabajo.css) - esa paleta es una decision de diseno aparte y
   deliberadamente independiente de esta.
   ============================================================================ */

:root {
    /* ---- Marca / acento ---- */
    --ydm-color-primary: #da2128;       /* rojo de marca Motherson (logo, botones, links, header) */
    --ydm-color-primary-hover: #b31d23; /* variante mas oscura para :hover/:active */
    --ydm-color-primary-tint: #f9dedf;  /* variante clara para fondos suaves */

    /* ---- Neutros oscuros/claros ---- */
    --ydm-color-dark: #030712;   /* negro casi puro (footer, fondos oscuros) */
    --ydm-color-light: #f9fafb;  /* fondo claro */
    --ydm-color-white: #ffffff;
    --ydm-color-black: #000000;

    /* ---- Escala de grises (texto secundario, bordes) ---- */
    --ydm-gray-200: #e5e7eb;
    --ydm-gray-300: #d1d5db;
    --ydm-gray-500: #6b7280;
    --ydm-gray-600: #4b5563;
    --ydm-gray-800: #1f2937;
    --ydm-gray-900: #111827;

    /* ---- Tipografia ---- */
    --ydm-font-heading: 'Inter', 'Poppins-Medium', sans-serif;
    --ydm-font-body: 'Inter', 'Poppins-Regular', sans-serif;
}