/* =====================================================================
   brand-custudio.css — PIEL de custudio.com (C U studio / See You Studio)

   Marca 4 del ecosistema (E0). Colectivo con Erik Parys. Capa PERCEPTIBLE
   propia sobre core.css. Depende SOLO del núcleo — nunca de otra piel
   (regla E7 · builds independientes).

   CONGELADA EN SU ESTADO ACTUAL para el traspaso a Lovable. Los
   valores no se inventan aquí: se recogen de las piezas ya construidas
   —preview/cu-identity.html y ui_kits/website/cu-site.html— que son la
   verdad de esta marca hoy. La tipografía queda CERRADA (Pablo, 12 oct 2026):
   Jost es la definitiva. La nota «en rediseño» de los maestros no explicaba
   motivo y nada dependía de ella.
   ===================================================================== */

:root {
  /**
   * @group custudio.color
   * @name "C U · superficie y tinta"
   * @description Blanco de galería + negro premium. La marca NO usa color plano
   *              de chrome: el color entra SIEMPRE como aceite en degradado.
   */
  --cu-white:  #ffffff; /* @kind color */ /* superficie · predomina */
  --cu-black:  #0f0f11; /* @kind color */ /* negro premium · tinta, paneles, carteles */
  --cu-gris:   #8a857c; /* @kind color */ /* rótulos y metadatos atenuados */
  --cu-linea:  #e4e2db; /* @kind color */ /* filete sobre blanco */
  --cu-sobre:  #cfcbc2; /* @kind color */ /* texto secundario sobre negro */

  /**
   * @group custudio.oil
   * @name "C U · los seis aceites"
   * @description Aceite iridiscente: NO son colores planos de interfaz. Se usan
   *              fundidos en degradado dentro de las bandas a 45°/135°, nunca
   *              como relleno de un componente. Regla de uso ratificada.
   */
  --cu-oil-1: #35E0D0; /* @kind color */
  --cu-oil-2: #CBF24E; /* @kind color */
  --cu-oil-3: #F5C24E; /* @kind color */
  --cu-oil-4: #F0359C; /* @kind color */
  --cu-oil-5: #7A5AF8; /* @kind color */
  --cu-oil-6: #1FA8C4; /* @kind color */
  --cu-oil: linear-gradient(115deg, var(--cu-oil-1), var(--cu-oil-2) 22%, var(--cu-oil-3) 38%, var(--cu-oil-4) 58%, var(--cu-oil-5) 78%, var(--cu-oil-6)); /* @kind other */

  /**
   * @group custudio.type
   * @name "C U · tipografía (Jost · definitiva)"
   * @description Jost Variable AUTOALOJADA: la API de Google no exporta ss01, y
   *              la «a» redonda de un piso es rasgo de marca. Minúsculas por
   *              defecto en títulos y rótulos. Pesos en uso 300–600: la negrita
   *              NO forma parte del repertorio. Tamaños y espaciado, del núcleo.
   */
  --ff-cu:      'Jost VF','Jost',sans-serif; /* @kind font */
  --cu-ss01:    "ss01" 1; /* @kind font */ /* rasgo de marca · activado globalmente */
  --cu-case:    lowercase; /* @kind other */

  /**
   * @group custudio.button
   * @name "C U · forma de botón — PASTILLA DE UNA ESQUINA RECTA"
   * @description ( · D5, orden de Pablo) Rasgo de marca EXCLUSIVO de C U:
   *              pastilla en la que UNA de las cuatro esquinas queda en ángulo
   *              recto. Ninguna otra marca del ecosistema lo usa.
   *              REGLA RATIFICADA (, decisión delegada por Pablo):
   *              la esquina recta es DETERMINISTA, nunca aleatoria. Un botón
   *              suelto la lleva ARRIBA A LA DERECHA — la dirección de lectura,
   *              hacia donde va la acción. En un GRUPO, las esquinas rectas de
   *              dos botones vecinos SE MIRAN (Pablo, 14 oct 2026): el primero
   *              la lleva arriba a la derecha y el segundo arriba a la
   *              izquierda, en espejo sobre el hueco que los separa; con más
   *              botones, el patrón se repite por parejas (tr · tl · tr · tl).
   *              Sustituye a la rotación horaria anterior (tr → br → bl → tl). Se descartó el azar por tres razones: no se puede
   *              reproducir en impresión ni en un mismo pantallazo dos veces,
   *              impide revisar un diseño, y convierte un rasgo de marca en
   *              ruido. La rotación da la variedad que el azar prometía, con
   *              autoría.
   */
  --btn-shape-tl: var(--r-none) var(--r-pill) var(--r-pill) var(--r-pill); /* @kind radius */
  --btn-shape-tr: var(--r-pill) var(--r-none) var(--r-pill) var(--r-pill); /* @kind radius */
  --btn-shape-br: var(--r-pill) var(--r-pill) var(--r-none) var(--r-pill); /* @kind radius */
  --btn-shape-bl: var(--r-pill) var(--r-pill) var(--r-pill) var(--r-none); /* @kind radius */
  --btn-shape:    var(--btn-shape-tr); /* @kind radius */ /* botón suelto: arriba dcha. */

  /**
   * @group custudio.canon
   * @name "C U · nombres canónicos del ecosistema"
   */
  --bg:          var(--cu-white); /* @kind color */
  --bg-alt:      var(--cu-black); /* @kind color */
  --fg:          var(--cu-black); /* @kind color */
  --fg-muted:    var(--cu-gris);  /* @kind color */
  --line:        var(--cu-linea); /* @kind color */
  --accent:      var(--cu-oil-4); /* @kind color */ /* magenta del aceite · único acento plano permitido */
  --accent-hover:var(--cu-oil-5); /* @kind color */
  --ff-display:  var(--ff-cu); /* @kind font */
  --ff-ui:       var(--ff-cu); /* @kind font */
}

/* GRUPO — marca el contenedor con [data-cu-btns]: las esquinas rectas de cada
   pareja de vecinos se miran (tr · tl). Mismo marcado, mismo resultado, siempre. */
[data-cu-btns] > *:nth-child(odd){border-radius:var(--btn-shape-tr)}
[data-cu-btns] > *:nth-child(even){border-radius:var(--btn-shape-tl)}

@font-face{font-family:'Jost VF';src:url('fonts/Jost-VariableFont_wght.ttf') format('truetype-variations');font-weight:100 900;font-display:swap}