/* ============================================================================
   Pitágoras Cloud → scroll-craft
   Puente de tokens: tematiza el motor scrollcraft (nunca se edita) con el
   sistema de diseño de Pitágoras Cloud.

   Orden de carga obligatorio:
     1. tokens.css            (variables de marca + @font-face)
     2. scrollcraft.css       (motor, sin modificar)
     3. scrollcraft-tema.css  (este archivo)
     4. components/bundle.css (componentes pc-, degradado de marca)
   ========================================================================== */

:root {
  /* Seis roles de color de scroll-craft ← tokens de marca */
  --sc-canvas:     var(--ink);        /* #0C0A16: fondo base, nunca blanco */
  --sc-surface:    var(--panel);      /* #16121F */
  --sc-ink:        var(--paper);      /* #F2EEFA: 17,2:1 sobre ink */
  --sc-ink-soft:   var(--paper-dim);  /* #B3A6CC: 8,6:1 sobre ink, tinte violeta */
  --sc-accent:     var(--magenta);    /* #E94FD1: el acento único de la interfaz */
  --sc-accent-ink: var(--ink);        /* texto sobre magenta: 6,07:1 */

  /* Tres familias: display y texto; la mono solo para etiquetas y datos */
  --sc-font-display: var(--font-display);
  --sc-font-text:    var(--font-body);
  --sc-font-mono:    var(--font-mono);

  /* Container del sitio: 1360px */
  --sc-maxw: 85rem;

  /* Radios de marca (10 / 12 / 20 / pastilla) */
  --sc-r-sm: 10px;
  --sc-r-md: 12px;
  --sc-r-lg: 20px;
  --sc-r-pill: 100px;

  /* Sombras de elevación teñidas con el matiz de ink (hsl 250 38% 6%) */
  --sc-shadow-color: 250 38% 6%;

  /* Curva de salida de marca (equivalente a la del motor) */
  --sc-ease-out: cubic-bezier(0.22, 1, 0.36, 1);
}