/* Jokabide · tokens de diseño
   Copiado VERBATIM del handoff de diseño (dirección A · continuista fiel):
   design-handoff/Jokabide Handoff.dc.html → sección "13 · Implementación", bloque <pre> "tokens.css".
   No editar aquí: si el diseño cambia, se vuelve a copiar el bloque del handoff. */

:root {
  /* superficie de marca */
  --jk-orange:      #FA7B1E;
  --jk-orange-soft: #FBBD69;
  --jk-turq:        #3BC4E0;
  --jk-turq-soft:   #69D2E7;
  --jk-gold:        #FAC41E;
  --jk-cream:       #F2E1C8;

  /* texto y fondo */
  --jk-ink:         #22252B;
  --jk-ink-2:       #4A4E57;
  --jk-ink-3:       #5C6069;
  --jk-orange-ink:  #B94E00;
  --jk-turq-ink:    #0A6273;
  --jk-bg:          #FDF8F0;
  --jk-surface:     #FFFDF9;
  --jk-white:       #FFFFFF;
  --jk-line:        #EDE3D3;

  /* tipografía */
  --jk-font-display: "Quicksand", ui-rounded, system-ui, sans-serif;
  --jk-font-text:    "Source Sans 3", system-ui, -apple-system, sans-serif;
  --jk-h1: clamp(2.125rem, 1.5rem + 2.6vw, 3.25rem);
  --jk-h2: clamp(1.625rem, 1.3rem + 1.4vw, 2.125rem);
  --jk-h3: clamp(1.1875rem, 1.1rem + .3vw, 1.3125rem);
  --jk-body: clamp(1rem, .97rem + .15vw, 1.0625rem);

  /* espaciado y forma */
  --jk-space-1: 4px;   --jk-space-4: 16px;  --jk-space-7: 32px;
  --jk-space-2: 8px;   --jk-space-5: 20px;  --jk-space-8: 40px;
  --jk-space-3: 12px;  --jk-space-6: 24px;  --jk-space-9: 48px;
  --jk-space-10: 56px; --jk-space-11: 64px; --jk-space-12: 80px;
  --jk-section-y: clamp(40px, 5vw, 56px);
  --jk-gutter:    clamp(20px, 4vw, 40px);
  --jk-maxw:      1120px;
  --jk-maxw-text: 720px;
  --jk-r-pill: 999px;  --jk-r-card: 14px;  --jk-r-input: 12px;
  --jk-focus: 3px solid var(--jk-turq-ink);
}