/* =========================================================================
   Feedo — design tokens. Single source of truth, imported by every stylesheet.
   GENERATED by scripts/type-scale.mjs — edit the formula there, not the values.

   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 ----
     "comentado" carries its own hue rather than borrowing the brand violet,
     which leaves the accent free to mean identity and nothing else. */
  --feedo-ink: #17171a;
  --feedo-paper: #fffdf8;
  --feedo-paper-2: #f4eee0;
  --feedo-line: rgba(23, 23, 26, 0.14);
  --feedo-muted: #504c43;
  --feedo-accent: #4b3aa4;
  --feedo-accent-ink: #fff;
  --feedo-approve: #1f6f52;
  --feedo-approve-ink: #fff;
  --feedo-comment: #a34a06;
  --feedo-comment-ink: #fff;
  --feedo-danger: #b23b3b;

  /* ---- everything else ---- */
  --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);
  --feedo-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;

  /* Reading measure, for anything that is prose. */
  --feedo-measure: 62ch;
}