/* =========================================================================
   Feedo — design tokens. Single source of truth, imported by every stylesheet.
   GENERATED by scripts/type-scale.mjs from src/design/tokens.js — edit the data
   there, not the values here. The style guide at /estilos reads the same module,
   so it cannot describe a system that no longer exists.

   Fluid steps interpolate between 320px and 1240px of viewport and
   clamp outside that range, so there are no font-size or spacing breakpoints
   anywhere else in the project.
   ========================================================================= */

:root {
  /* ---- type scale (ratio 1.2, base 1rem → 1.125rem) ---- */
  --feedo-step--2: clamp(0.6944rem, 0.6643rem + 0.151vw, 0.7813rem);
  --feedo-step--1: clamp(0.8333rem, 0.7971rem + 0.1812vw, 0.9375rem);
  --feedo-step-0: clamp(1rem, 0.9565rem + 0.2174vw, 1.125rem);
  --feedo-step-1: clamp(1.2rem, 1.1478rem + 0.2609vw, 1.35rem);
  --feedo-step-2: clamp(1.44rem, 1.3774rem + 0.313vw, 1.62rem);
  --feedo-step-3: clamp(1.728rem, 1.6529rem + 0.3757vw, 1.944rem);
  --feedo-step-4: clamp(2.0736rem, 1.9834rem + 0.4508vw, 2.3328rem);

  /* ---- space scale ---- */
  --feedo-space-4xs: clamp(0.125rem, 0.1196rem + 0.0272vw, 0.1406rem);
  --feedo-space-3xs: clamp(0.25rem, 0.2391rem + 0.0543vw, 0.2813rem);
  --feedo-space-2xs: clamp(0.5rem, 0.4783rem + 0.1087vw, 0.5625rem);
  --feedo-space-xs: clamp(0.75rem, 0.7174rem + 0.163vw, 0.8438rem);
  --feedo-space-s: clamp(1rem, 0.9565rem + 0.2174vw, 1.125rem);
  --feedo-space-m: clamp(1.5rem, 1.4348rem + 0.3261vw, 1.6875rem);
  --feedo-space-l: clamp(2rem, 1.913rem + 0.4348vw, 2.25rem);
  --feedo-space-xl: clamp(3rem, 2.8696rem + 0.6522vw, 3.375rem);
  --feedo-space-2xl: clamp(4rem, 3.8261rem + 0.8696vw, 4.5rem);

  /* ---- space pairs, for the gaps between steps ---- */
  --feedo-space-2xs-xs: clamp(0.5rem, 0.3804rem + 0.5978vw, 0.8438rem);
  --feedo-space-xs-s: clamp(0.75rem, 0.6196rem + 0.6522vw, 1.125rem);
  --feedo-space-s-m: clamp(1rem, 0.7609rem + 1.1957vw, 1.6875rem);
  --feedo-space-m-l: clamp(1.5rem, 1.2391rem + 1.3043vw, 2.25rem);
  --feedo-space-l-xl: clamp(2rem, 1.5217rem + 2.3913vw, 3.375rem);

  /* ---- colour ---- */
  /* Marca */
  --feedo-accent: #0f5c8c;
  --feedo-accent-ink: #ffffff;
  --feedo-accent-soft: #a9dcef;

  /* Papel y tinta */
  --feedo-canvas: #ffffff;
  --feedo-ink: #17171a;
  --feedo-paper: #faf7f0;
  --feedo-paper-2: #efe9dc;
  --feedo-muted: #5b564c;
  --feedo-line: rgba(23, 23, 26, 0.14);

  /* Estado de revisión */
  --feedo-approve: #1f6f52;
  --feedo-approve-ink: #ffffff;
  --feedo-comment: #a34a06;
  --feedo-comment-ink: #ffffff;
  --feedo-danger: #b23b3b;

  /* ---- shape ---- */
  --feedo-radius: 14px;
  --feedo-radius-s: 10px;
  --feedo-radius-pill: 999px;
  --feedo-shadow-sm: 0 1px 3px rgba(23, 23, 26, 0.06);
  --feedo-shadow-md: 0 10px 28px rgba(23, 23, 26, 0.1);
  --feedo-shadow-lg: 0 12px 32px rgba(23, 23, 26, 0.18);

  /* ---- lettering ---- */
  --feedo-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --feedo-brand: "Gabarito", var(--feedo-sans);
  --feedo-mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;

  /* ---- reading measure ---- */
  --feedo-measure: 62ch;
}