:root {
  --color-ja-yellow: #e3e24f;
  --color-ja-blue: #28708b;
  --color-ja-teal: #00a0af;
  --color-ja-navy: #22404d;
  --color-ja-ice: #c3edef;
  --color-ja-offwhite: #eef3f4;
  --color-ja-pale-blue: #99d9df;
  --color-ja-aqua: #00c0ca;
  --color-ja-teal-deep: #008b9c;
  --color-ja-cerulean: #286075;
  --color-surface: #ffffff;
  --color-ink-soft: #55707d;
  --color-line: #dce8ec;
  --color-ok: #19643b;
  --color-ok-tint: #e6f8ec;
  --color-info: #0e6b75;
  --color-info-tint: #ddf7fa;
  --color-warn: #7a6b00;
  --color-warn-tint: #fff8c9;
  --color-error: #b42318;
  --color-error-tint: #fdecec;
  --color-shadow-1: #22404d1a;
  --color-shadow-2: #22404d24;
  --color-shadow-float: #22404d2e;
  --color-primary: #28708b;
  --color-surface-soft: #eef3f4;
  --color-ink: #22404d;
  --spacing-xs: 4px;
  --spacing-sm: 8px;
  --spacing-md: 16px;
  --spacing-lg: 24px;
  --spacing-xl: 32px;
  --spacing-2xl: 48px;
  --spacing-3xl: 64px;
  --spacing-gutter: 24px;
  --spacing-container: 1280px;
  --spacing-target-min: 44px;
  --spacing-elevation-1-y: 1px;
  --spacing-elevation-1-blur: 3px;
  --spacing-elevation-2-y: 4px;
  --spacing-elevation-2-blur: 12px;
  --spacing-elevation-float-y: 8px;
  --spacing-elevation-float-blur: 24px;
  --spacing-scrollbar: 16px;
  --spacing-scrollbar-thumb-min: 48px;
  --spacing-viewport-min: 700px;
  --spacing-viewport-target: 1024px;
  --spacing-nav-w: 248px;
  --spacing-reading: 760px;
  --spacing-logo-min: 300px;
  --spacing-picto-min: 48px;
  --spacing-postit-w: 176px;
  --spacing-postit-h: 112px;
  --spacing-node-h: 48px;
  --spacing-pizarra-paso: 24px;
  --spacing-pizarra-alto-min: 480px;
  --spacing-nav-rail-w: 72px;
  --spacing-pizarra-ancho-amplio: 1100px;
  --spacing-banda-filete: 8px;
  --spacing-modulo-numero: 32px;
  --spacing-picto-cabecera: 96px;
  --rounded-none: 0px;
  --rounded-sm: 2px;
  --rounded-md: 4px;
}