/* ══ PushPad · identidad cromática oficial ═══════════════════════════════════════════════════════════════════════
   Fuente única de los colores de marca de PushPad Studio (Transcripción, Edición, Subtítulos). Se carga ANTES que
   las hojas de cada vista; las vistas solo hacen referencia a estas variables.

   Colores medidos sobre los ocho iconos oficiales (banana, círculo, play, forma, ondas, exclamación, rayo):
     --pp-yellow  #F3E15B  banana y rayo            --pp-red     #D54F2C  círculo
     --pp-green   #79C986  play                     --pp-sky     #71B8F7  forma
     --pp-violet  #A521F6  ondas                    --pp-orange  #EC622A  exclamación
     --pp-bg-ref  #262626  fondo de referencia de los iconos
   Variante derivada (no es un color nuevo): --pp-violet-soft #CE85FA = violeta + 45 % de blanco, para degradados
   con texto oscuro (el violeta puro solo admite texto blanco).

   Contraste (WCAG) con la tinta oscura --pp-ink #1C1A17 / con blanco:
     amarillo 13.0 / 1.3 · verde 8.7 / 2.0 · celeste 8.2 / 2.1 · violeta claro 6.9 / 2.5 · naranja 5.3 / 3.3
     violeta 3.4 / 5.1 (→ texto blanco) · rojo 4.1 / 4.2 (solo acentos o junto al naranja).

   Jerarquía: superficies OSCURAS; acentos de un color (iconos activos, selección, progreso, encabezados, bordes);
   degradados de DOS colores solo en las acciones principales (lib/pushpad-gradient.*).
   Cada sección tiene su par, el mismo que su círculo de la navegación magnética:
     Transcripción · amarillo + verde  ·  Edición · naranja + amarillo  ·  Subtítulos · celeste + violeta */
:root{
  --pp-yellow:#F3E15B;
  --pp-red:#D54F2C;
  --pp-green:#79C986;
  --pp-sky:#71B8F7;
  --pp-violet:#A521F6;
  --pp-orange:#EC622A;
  --pp-violet-soft:#CE85FA;
  --pp-bg-ref:#262626;

  /* tonos derivados para estados (claro = hover/realce, profundo = borde oscuro); no son colores nuevos */
  --pp-yellow-light:#F7EA8C;  --pp-yellow-deep:#5E5622;
  --pp-sky-light:#A6D3FA;     --pp-sky-deep:#244766;
  --pp-green-light:#A8DCB1;   --pp-green-deep:#2D5A35;
  --pp-orange-light:#F49A75;  --pp-orange-deep:#5A2611;
  --pp-violet-light:#E2B6FC;  --pp-violet-deep:#3E1060;

  /* tintas */
  --pp-ink:#1C1A17;            /* texto sobre color de marca claro */
  --pp-ink-light:#FFFFFF;      /* texto sobre violeta puro */

  /* acentos translúcidos (fondos de selección, halos, bordes suaves) */
  --pp-yellow-a14:rgba(243,225,91,.14);  --pp-yellow-a35:rgba(243,225,91,.35);
  --pp-green-a14:rgba(121,201,134,.14);  --pp-green-a35:rgba(121,201,134,.35);
  --pp-sky-a14:rgba(113,184,247,.14);    --pp-sky-a35:rgba(113,184,247,.35);
  --pp-violet-a14:rgba(165,33,246,.16);  --pp-violet-a35:rgba(165,33,246,.4);
  --pp-orange-a14:rgba(236,98,42,.14);   --pp-orange-a35:rgba(236,98,42,.38);
  --pp-red-a35:rgba(213,79,44,.4);

  /* pares de degradado (también los usa lib/pushpad-gradient.js por nombre: data-pp-palette) */
  --pp-pair-citrus:linear-gradient(90deg,#F3E15B,#79C986);   /* amarillo + verde · Transcripción */
  --pp-pair-sun:linear-gradient(90deg,#F3E15B,#EC622A);      /* amarillo + naranja · Edición */
  --pp-pair-fresh:linear-gradient(90deg,#79C986,#71B8F7);    /* verde + celeste */
  --pp-pair-dusk:linear-gradient(90deg,#71B8F7,#CE85FA);     /* celeste + violeta · Subtítulos */
  --pp-pair-ember:linear-gradient(90deg,#EC622A,#CE85FA);    /* naranja + violeta */
}