/*
Theme Name:     Yutori Home
Theme URI:      https://yutorisports.com
Description:    Child theme de Gymfinity FSE para Yutori Sports. Aporta tokens de marca Luminosa (washi + oro envejecido + burdeos), tipografías Fraunces + Inter Tight, header y footer propios de Yutori, y registra el block pattern "Home Yutori V1".
Author:         Yutori Sports
Author URI:     https://yutorisports.com
Template:       gymfinity-fse
Version:        1.0.13
Requires at least: 6.4
Requires PHP:   7.4
License:        GPL v2 or later
License URI:    https://www.gnu.org/licenses/gpl-2.0.html
Text Domain:    yutori-home
*/

/* =========================================================================
   Tokens de marca Yutori Sports — V1 Luminosa
   Paleta: washi luminoso · negro tinta · oro envejecido · burdeos · musgo
   ========================================================================= */
:root {
    /* Paleta neutra fría/oscura */
    --ys-black:      #0a0a0a;
    --ys-ink:        #1a1714;
    --ys-ink-soft:   #3d3833;
    --ys-ink-mid:    rgba(26, 23, 20, 0.7);
    --ys-white:      #ffffff;

    /* Paleta washi (sustituye a --ys-bg / --ys-bg-soft) */
    --ys-washi:      #f5efe6;   /* fondo principal washi */
    --ys-washi-soft: #ede4d3;   /* sand: secciones alternas */
    --ys-paper:      #faf6ee;   /* washi luminoso (cards, áreas claras) */

    /* Aliases retro-compat con v1.0.4 (NO romper estilos previos) */
    --ys-bg:         #f5efe6;
    --ys-bg-soft:    #ede4d3;

    /* Oro Luminosa: tres tonos */
    --ys-gold:        #a8853c;   /* oro envejecido — uso principal */
    --ys-gold-soft:   #c9a86c;   /* oro suave — borders y acentos */
    --ys-gold-bright: #d8bd87;   /* oro brillante — hover/highlight */

    /* Burdeos (sustituye al rojo cartelero) */
    --ys-accent:     #7a3528;   /* burdeos Luminosa */
    --ys-accent-hi:  #9a4536;   /* burdeos hover */
    --ys-red:        #7a3528;   /* alias retro-compat: era #c41e2a, ahora burdeos */

    /* Verde musgo (acento secundario, secciones bienestar) */
    --ys-moss:       #5a6a4a;

    /* Layout */
    --ys-grid-gap:   4px;
    --ys-radius:     6px;
    --ys-radius-lg:  12px;
    --ys-max-w:      1240px;

    /* Sombras */
    --ys-shadow-sm:  0 1px 3px rgba(26, 23, 20, 0.08);
    --ys-shadow-md:  0 4px 12px rgba(26, 23, 20, 0.10);
    --ys-shadow-lg:  0 12px 32px rgba(26, 23, 20, 0.16);

    /* Tipografía Luminosa */
    --ys-font-display: 'Fraunces', 'Noto Serif JP', Georgia, "Times New Roman", serif;
    --ys-font-body:    'Inter Tight', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    --ys-font-jp:      'Noto Serif JP', serif;
}

/* =========================================================================
   Body Luminosa: aplica washi y tipografía Inter Tight a todo el sitio
   Selectores con especificidad alta para superar al padre Gymfinity
   ========================================================================= */
html body,
html body.wp-singular,
html body.home,
html body.page,
html body.page-template-default {
    background: var(--ys-washi) !important;
    background-color: var(--ys-washi) !important;
    color: var(--ys-ink) !important;
    font-family: var(--ys-font-body) !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Contenedor principal del FSE: que también respete el washi */
html body .wp-site-blocks,
html body main,
html body .wp-block-post-content {
    background: var(--ys-washi) !important;
    background-color: var(--ys-washi) !important;
}

/* Selección con oro envejecido (cita visual al diseño Luminosa) */
::selection {
    background: var(--ys-gold-soft);
    color: var(--ys-ink);
}

/* Títulos en Fraunces por defecto */
html body h1,
html body h2,
html body h3,
html body h4,
html body h5,
html body h6,
html body .wp-block-heading {
    font-family: var(--ys-font-display) !important;
    color: var(--ys-ink);
    font-weight: 500;
    line-height: 1.15;
    letter-spacing: -0.01em;
}

/* =========================================================================
   Utilidad heredada del proyecto
   ========================================================================= */
.ys-intro-lead {
    font-size: 1.15rem;
    line-height: 1.6;
    color: var(--ys-ink-soft);
    font-weight: 400;
}