/*
 Theme Name:   ILLA Cowork
 Theme URI:    https://illa.makkao.com
 Description:  Child theme de Bricks Builder para ILLA Cowork.
 Author:       Makkao
 Author URI:   https://makkao.com
 Template:     bricks
 Version:      1.0.0
 Text Domain:  illa-cowork
*/

/* =============================================
   ILLA Cowork — Design System
   Tokens extraídos de Figma ILLA-CC (2026-06-29)
   Tipografía en :where() → especificidad 0,0,0
   ============================================= */

:root {
  /* ── COLORES PRINCIPALES ── */
  --ill-color-dark: #17142D; /* FIGMA — nav bg, textos oscuros */
  --ill-color-darkest: #0F0C20; /* FIGMA — CTA bg, footer bg, Entorno bg */
  --ill-color-accent: #E65026; /* FIGMA — naranja corporativo, CTAs, bullets */

  /* ── COLORES FONDO ── */
  --ill-color-bg:          #ffffff; /* FIGMA — fondo principal (Portfolio) */
  --ill-color-bg-alt:      #ebebeb; /* FIGMA — fondo alternativo (topbar, About) */
  --ill-color-card-bg:     #ffffff; /* FIGMA — tarjetas producto */

  /* ── COLORES TEXTO ── */
  --ill-color-heading: #1F212E; /* FIGMA — títulos sección */
  --ill-color-text: #575966; /* FIGMA — cuerpo principal */
  --ill-color-text-muted: #737885; /* FIGMA — subtítulos, texto secundario */
  --ill-color-card-text: #6B6E7A; /* FIGMA — descripción tarjetas */
  --ill-color-white:       #ffffff;
  --ill-color-separator: #CCCCC7; /* FIGMA — líneas divisoras */

  /* ── TIPOGRAFÍA Familias ── */
  --ill-font-heading:      'Kaisei Opti', Georgia, serif; /* FIGMA */
  --ill-font-body:         'Work Sans', system-ui, sans-serif; /* FIGMA */

  /* ── TIPOGRAFÍA Pesos ── */
  --ill-fw-regular:        400;
  --ill-fw-medium:         500;
  --ill-fw-semibold:       600;

  /* ── TIPOGRAFÍA Tamaños (FIGMA) ── */
  --ill-fs-xs:             11px;   /* footer col headers */
  --ill-fs-sm:             12px;   /* copyright, labels */
  --ill-fs-base:           13px;   /* topbar, footer nav, eyebrow labels */
  --ill-fs-md:             14px;   /* body pequeño */
  --ill-fs-body:           15px;   /* body principal */
  --ill-fs-nav:            16px;   /* nav links */
  --ill-fs-lg:             18px;   /* body grande */
  --ill-fs-card:           22px;   /* product card title */
  --ill-fs-accordion:      21px;   /* accordion items */
  --ill-fs-xl:             40px;   /* section H2 */
  --ill-fs-2xl:            50px;   /* Entorno H2 */
  --ill-fs-3xl:            52px;   /* Hero H1 */

  /* ── ESPACIADO ── */
  --ill-space-xs:          8px;
  --ill-space-sm:          16px;
  --ill-space-md:          24px;
  --ill-space-lg:          40px;
  --ill-space-xl:          64px;
  --ill-space-2xl:         80px;
  --ill-space-3xl:         100px;

  /* ── RADIOS ── */
  --ill-radius-sm:         4px;
  --ill-radius-md:         8px;
  --ill-radius-pill:       999px;

  /* ── SOMBRAS ── */
  --ill-shadow-sm:         0 1px 4px rgba(0,0,0,0.06);
  --ill-shadow-md:         0 4px 20px rgba(0,0,0,0.10);

  /* ── TRANSICIONES ── */
  --ill-transition:        all 0.25s ease;
  --ill-transition-slow:   all 0.4s ease;

  /* ── HEADER HEIGHTS ── */
  --ill-topbar-h:          40px;
  --ill-nav-h:             82px;
  --ill-nav-h-scrolled:    60px;
}

/* ── Tipografía base — :where() para especificidad 0,0,0 ── */
:where(h1, h2, h3, h4, h5, h6) {
  font-family: var(--ill-font-heading);
  font-weight: var(--ill-fw-regular); /* 2026-07-15: sin esto, cualquier heading sin peso propio
     hereda el bold(700) por defecto del navegador; Kaisei Opti solo tenía 400/500 cargados,
     así que ese 700 forzaba un bold sintético que desvirtuaba la fuente (ver Salas de reuniones) */
  line-height: 1.18;
  color: var(--ill-color-heading);
}
:where(p, li, td, th, span) {
  font-family: var(--ill-font-body);
  line-height: 1.7;
  color: var(--ill-color-text);
}
:where(a) {
  color: var(--ill-color-accent);
  text-decoration: none;
}
:where(a:hover) {
  opacity: 0.8;
}

/* =============================================
   AMPERSAND DE MARCA — revisión cliente 28-08-2026 (EN-12)
   "Incorrect Tipography. Review all &."
   Kaisei Opti trae un ampersand estrecho tipo "et" que no encaja con el
   & clásico y caligráfico del logotipo "L'illa & Co.". Comprobado midiendo
   el glifo: NO es un fallback roto, es el propio diseño de Kaisei Opti.
   Se sustituye ÚNICAMENTE el glifo U+0026 por el de una serif clásica del
   sistema, sin tocar ni un solo texto de la web y sin peticiones de red.
   Si el dispositivo no tiene ninguna de esas fuentes (Linux/Android sin
   Liberation Serif), cae al glifo actual: nunca empeora.
   ============================================= */
@font-face {
  font-family: 'IllaAmp';
  font-style: normal;
  font-weight: 400 700;
  src: local('Georgia'), local('Times New Roman'), local('Times'),
       local('Liberation Serif'), local('DejaVu Serif');
  unicode-range: U+0026;
}
:root {
  --ill-font-heading: 'IllaAmp', 'Kaisei Opti', Georgia, serif;
}