/*
tokens.css — GENERATED from tokens/src/. Do not edit.
Umbral design system · https://github.com/umbralmx/umbral-style-guide
Code MIT · content CC BY 4.0
*/

:root {
  /* ── modo laboratorio (light) — DEFAULT ── */
  --u-base: #f2f3f1;
  --u-panel: #fafaf8;
  --u-ink: #16191c;
  --u-muted: #565d57;
  --u-caption: #6c706d;
  --u-border: #dde0dc;
  --u-gridline: #e6e8e4;
  --u-baseline: #c4c9c4;
  --u-signal: #128273;
  --u-signal-text: #227c6f;
  --u-model: #5a63d8;
  --u-model-text: #5962d7;
  --u-alert: #c8503f;
  --u-alert-text: #be4737;
  --u-series-4: #902a00;
  --u-series-5: #6331a0;
  --u-missing: #e3e5e1;

  --u-ramp-seq-signal-0: #eaf5f2;
  --u-ramp-seq-signal-1: #c1d9d4;
  --u-ramp-seq-signal-2: #98bfb6;
  --u-ramp-seq-signal-3: #6fa59a;
  --u-ramp-seq-signal-4: #448b7e;
  --u-ramp-seq-signal-5: #007264;
  --u-ramp-seq-signal-6: #00544a;
  --u-ramp-seq-model-0: #eff1fc;
  --u-ramp-seq-model-1: #cbd2ef;
  --u-ramp-seq-model-2: #a8b2e2;
  --u-ramp-seq-model-3: #8793d4;
  --u-ramp-seq-model-4: #6874c5;
  --u-ramp-seq-model-5: #4c54b6;
  --u-ramp-seq-model-6: #3431a5;
  --u-ramp-div-0: #942316;
  --u-ramp-div-1: #b05b4d;
  --u-ramp-div-2: #ca8c81;
  --u-ramp-div-3: #e0bdb6;
  --u-ramp-div-4: #f4efee;
  --u-ramp-div-5: #b2cdc7;
  --u-ramp-div-6: #79a99f;
  --u-ramp-div-7: #3c8679;
  --u-ramp-div-8: #006155;

  /* ── type, space, layout — identical in both modes ── */
  --u-font-display: 'Space Grotesk', system-ui, sans-serif;
  --u-font-body: 'IBM Plex Sans', system-ui, sans-serif;
  --u-font-mono: 'IBM Plex Mono', ui-monospace, monospace;
  --u-weight-display: 500;
  --u-weight-display-strong: 600;
  --u-weight-body: 400;
  --u-weight-body-medium: 500;
  --u-weight-body-strong: 600;
  --u-weight-mono: 400;
  --u-weight-mono-medium: 500;
  --u-tracking-display: -0.02em;
  --u-tracking-display-tight: -0.03em;
  --u-tracking-body: 0em;
  --u-size-h1: 44px;
  --u-size-h2: 28px;
  --u-size-h3: 22px;
  --u-size-chart-title: 22px;
  --u-size-body: 17px;
  --u-size-body-small: 15px;
  --u-size-label: 13px;
  --u-size-axis: 12px;
  --u-size-source: 12px;
  --u-space-0: 0px;
  --u-space-1: 8px;
  --u-space-2: 16px;
  --u-space-3: 24px;
  --u-space-4: 32px;
  --u-space-5: 40px;
  --u-space-6: 48px;
  --u-space-8: 64px;
  --u-space-10: 80px;
  --u-rule: 1px;
  --u-rule-strong: 2px;
  --u-radius: 0px;
  --u-radius-max: 2px;
  --u-measure: 65ch;
  --u-touch-target: 44px;
  --u-opacity-uncertainty: 0.15;
}

[data-mode="instrumento"], .u-dark {
  /* ── modo instrumento (dark) ── */
  --u-base: #101418;
  --u-panel: #171c22;
  --u-ink: #edf1f4;
  --u-muted: #8b95a0;
  --u-caption: #7a848f;
  --u-border: #2a3138;
  --u-gridline: #232a31;
  --u-baseline: #3a434c;
  --u-signal: #5fd4c4;
  --u-signal-text: #5fd4c4;
  --u-model: #8b93f8;
  --u-model-text: #8b93f8;
  --u-alert: #e26a5a;
  --u-alert-text: #e26a5a;
  --u-series-4: #ffce2c;
  --u-series-5: #b454b3;
  --u-missing: #1d242b;

  --u-ramp-seq-signal-0: #152220;
  --u-ramp-seq-signal-1: #233f3a;
  --u-ramp-seq-signal-2: #325f57;
  --u-ramp-seq-signal-3: #428075;
  --u-ramp-seq-signal-4: #51a395;
  --u-ramp-seq-signal-5: #62c7b6;
  --u-ramp-seq-signal-6: #72edd8;
  --u-ramp-seq-model-0: #1c1f29;
  --u-ramp-seq-model-1: #33374f;
  --u-ramp-seq-model-2: #4a5178;
  --u-ramp-seq-model-3: #646da3;
  --u-ramp-seq-model-4: #7e8ad1;
  --u-ramp-seq-model-5: #9aa9ff;
  --u-ramp-seq-model-6: #c4ceff;
  --u-ramp-div-0: #bc4b3a;
  --u-ramp-div-1: #984538;
  --u-ramp-div-2: #753e34;
  --u-ramp-div-3: #543530;
  --u-ramp-div-4: #332c2b;
  --u-ramp-div-5: #39554f;
  --u-ramp-div-6: #477d73;
  --u-ramp-div-7: #54a899;
  --u-ramp-div-8: #60d5c1;
}