/* Gerado a partir de docs/design-system/rotas/skins.css (só a rota 5 · Medida*) — não editar à mão; rode scripts/sync_design.sh */
@import url('https://fonts.googleapis.com/css2?family=Cormorant:ital,wght@0,400;0,500;1,400&family=Inter+Tight:wght@400;500;600&display=swap');

/* ── ROTA 5 · MEDIDA* (inspiração GOLF le FLEUR*) ────────────────────────────
   Pure white, one small uniform type size, a thin serif used ONLY for the
   wordmark, and no interface colour at all: the brand's colour is whatever the
   garments bring. The asterisk is the signature — "Medida*" — and the footnote
   it points to is the 90-day measurement, which is the whole promise.

   Density note: nothing scales. h1–h4 collapse to the body size; hierarchy is
   carried by case, weight and whitespace. Badges lose their fill and become
   text. The only coloured element on a page is the measured low, and even
   that is ink on white with a thin rule.                                     */

[data-skin="rota-fleur"] {
  --color-bg: #ffffff;
  --color-surface: #ffffff;
  --color-surface-raised: #ffffff;
  --color-text: #111111;
  --text-on-accent: #ffffff;
  --text-on-surface: #111111;

  --color-accent: #111111;
  --color-accent-2: #111111;
  --color-hot: #111111;

  --font-heading: "Inter Tight", system-ui, sans-serif;   /* headings are NOT serif */
  --font-heading-weight: 500;
  --font-body: "Inter Tight", system-ui, sans-serif;
  --font-brand: "Cormorant", Georgia, serif;              /* the serif lives only in the wordmark */

  /* one size: everything reads at 13px; display sizes are the same 13px */
  --text-display: 13px; --text-h1: 13px; --text-h2: 13px; --text-h3: 13px; --text-h4: 13px; --text-h5: 13px;
  --text-lead: 13px; --text-body: 13px; --text-sm: 13px; --text-xs: 11px; --text-micro: 11px; --text-eyebrow: 11px;
  --text-price-lg: 13px; --text-price-md: 13px; --text-price-sm: 13px; --text-price-was: 11px;
  --tracking-tight: 0; --tracking-eyebrow: 0.06em; --leading-tight: 1.4; --leading-snug: 1.4;
  --weight-black: 500; --weight-bold: 500; --weight-semibold: 500;

  --radius-sm: 0; --radius-md: 0; --radius-lg: 0; --radius-xl: 0; --radius-pill: 0;

  --color-accent-100: #f4f4f4; --color-accent-200: #e6e6e6; --color-accent-300: #cfcfcf;
  --color-accent-400: #a8a8a8; --color-accent-500: #7a7a7a; --color-accent-600: #555555;
  --color-accent-700: #111111; --color-accent-800: #0a0a0a; --color-accent-900: #000000;
  --color-accent-2-100: #f4f4f4; --color-accent-2-200: #e6e6e6; --color-accent-2-300: #cfcfcf;
  --color-accent-2-400: #a8a8a8; --color-accent-2-500: #7a7a7a; --color-accent-2-600: #555555;
  --color-accent-2-700: #111111; --color-accent-2-800: #0a0a0a; --color-accent-2-900: #000000;
  --color-hot-100: #f4f4f4; --color-hot-200: #e6e6e6; --color-hot-300: #cfcfcf;
  --color-hot-400: #a8a8a8; --color-hot-500: #7a7a7a; --color-hot-600: #555555;
  --color-hot-700: #111111; --color-hot-800: #0a0a0a; --color-hot-900: #000000;
  --color-neutral-100: #fafafa; --color-neutral-200: #f0f0f0; --color-neutral-300: #e0e0e0;
  --color-neutral-400: #bdbdbd; --color-neutral-500: #8f8f8f; --color-neutral-600: #666666;
  --color-neutral-700: #444444; --color-neutral-800: #222222; --color-neutral-900: #111111;

  --text-secondary: #555555;
  --text-muted: #8a8a8a;
  --text-on-surface-secondary: #555555;
  --text-on-surface-muted: #8a8a8a;
  --border-quiet: #e6e6e6;
  --border-strong: #111111;
  --color-divider: #e6e6e6;

  /* badges: ink on white, no fill */
  --deal-record: #ffffff; --deal-record-ink: #111111;
  --deal-good: #ffffff;   --deal-good-ink: #111111;
  --deal-drop: #ffffff;   --deal-drop-ink: #111111;
  --deal-price: #111111;
  --deal-expired: #ffffff; --deal-expired-ink: #8a8a8a;
  --coupon-surface: #ffffff; --coupon-ink: #111111; --coupon-edge: #111111;

  --shadow-sm: none;
  --shadow-md: 0 0 0 1px #e6e6e6;
  --shadow-hover: none;
  --shadow-lg: 0 0 0 1px #111111;
  --lift-hover: none;
  --dur-fast: 0ms; --dur-base: 0ms;

  /* badges are text here: the moment verdict leaves the packshot and becomes
     the card's one line under the price (ProductCard reads this). */
  --badge-on-image: 0;
}
/* the wordmark is the only serif, the only large thing, and carries the asterisk */
[data-skin="rota-fleur"] [data-wordmark] {
  font-family: var(--font-brand) !important;
  font-weight: 400 !important;
  font-size: 30px !important;
  letter-spacing: 0 !important;
  font-style: italic;
}
[data-skin="rota-fleur"] [data-wordmark]::after { content: '*'; font-style: normal; margin-left: 1px; }
/* images: packshots already on white — no wash, no backplate, hairline only */
[data-skin="rota-fleur"] img { filter: none !important; }
/* the measured low gets a rule under it instead of a fill */
[data-skin="rota-fleur"] [data-signal] { border: 0 !important; background: transparent !important; box-shadow: none !important; padding-left: 0 !important; padding-right: 0 !important; }
[data-skin="rota-fleur"] [data-signal="low90"] { box-shadow: inset 0 -1px 0 #111111 !important; }

/* ── Módulos (previsão) ──────────────────────────────────────────────────────
   A module is a bounded override on top of its route: accent and the hero
   tokens, nothing structural. These two exist so the architecture is concrete,
   even though their catalogues do not yet. */
[data-module="tenis"] { --module-accent: var(--color-accent-2); }
[data-module="supps"] { --module-accent: var(--color-hot); }