/*
Theme Name: Bricks Child - Taya Yoga
Template: bricks
Version: 1.1.0
Description: Child theme para taya.yoga — yoga terapeutico
*/

/* ============================================
   :root — Design Tokens
   ============================================ */
:root {
  /* -- COLORES PRINCIPALES -- */
  --ty-color-primary:       #84A98C; /* Sage green */
  --ty-color-primary-dark:  #73967B; /* Hover verde */
  --ty-color-secondary:     #E6BEAE; /* Peach */

  /* -- COLORES HEADING -- */
  --ty-color-heading:       #2D3748; /* Charcoal */
  --ty-color-heading-dark:  #1A202C; /* H1 hero */

  /* -- COLORES TEXTO -- */
  --ty-color-text:          #4A5568; /* Body */
  --ty-color-text-muted:    #64748B; /* Subtitulos */
  --ty-color-text-light:    #718096; /* Roles, meta */
  --ty-color-text-lightest: #94A3B8; /* Fechas */

  /* -- COLORES FONDO -- */
  --ty-color-bg:            #FFFFFF;
  --ty-color-card-bg:       #F9F8F6; /* Warm white */
  --ty-color-light-sage:    #E8F3EB; /* Comunidad, badge */
  --ty-color-footer-bg:     #2D3748; /* Footer charcoal */
  --ty-color-input-bg:      #f3f3f5;
  --ty-color-hover-peach:   #fff0e8;

  /* -- COLORES ACENTO -- */
  --ty-color-badge-text:    #557C64;

  /* -- COLORES BORDE -- */
  --ty-color-border:        #E2E8F0;

  /* -- TIPOGRAFIA — Familias -- */
  --ty-font-heading: inherit;
  --ty-font-body:    'Inter', sans-serif;

  /* -- TIPOGRAFIA — Pesos -- */
  --ty-fw-light:    300;
  --ty-fw-regular:  400;
  --ty-fw-medium:   500;
  --ty-fw-semibold: 600;
  --ty-fw-bold:     700;

  /* -- TIPOGRAFIA — Tamanos -- */
  --ty-fs-xs:   12px;
  --ty-fs-sm:   14px;
  --ty-fs-base: 16px;
  --ty-fs-md:   18px;
  --ty-fs-lg:   20px;
  --ty-fs-xl:   22px;
  --ty-fs-2xl:  24px;
  --ty-fs-3xl:  30px;
  --ty-fs-4xl:  36px;
  --ty-fs-5xl:  48px;
  --ty-fs-6xl:  60px;

  /* -- ESPACIADO -- */
  --ty-space-xs:   8px;
  --ty-space-sm:  16px;
  --ty-space-md:  24px;
  --ty-space-lg:  32px;
  --ty-space-xl:  48px;
  --ty-space-2xl: 64px;
  --ty-space-3xl: 80px;

  /* -- RADIOS -- */
  --ty-radius-sm:   8px;
  --ty-radius-md:   16px;
  --ty-radius-lg:   24px;
  --ty-radius-xl:   32px;
  --ty-radius-pill: 999px;

  /* -- SOMBRAS -- */
  --ty-shadow-sm: 0 1px 3px rgba(0,0,0,0.08);
  --ty-shadow-md: 0 4px 16px rgba(0,0,0,0.10);
  --ty-shadow-lg: 0 8px 32px rgba(0,0,0,0.12);
  --ty-shadow-xl: 0 12px 48px rgba(0,0,0,0.15);

  /* -- TRANSICION -- */
  --ty-transition: all 0.2s ease;
  --ty-transition-slow: all 0.5s ease;
}