/* TuChatSabe C1 — canonical visual tokens. Generated consumers must import or copy this file. */
@font-face {
  font-family: "Manrope";
  src: url("../../../static/fonts/Manrope-Latin-Variable.woff2") format("woff2");
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
}

@font-face {
  font-family: "Newsreader";
  src: url("../../../static/fonts/Newsreader-Latin-Variable.woff2") format("woff2");
  font-style: normal;
  font-weight: 300 700;
  font-display: swap;
}

:root {
  color-scheme: dark;
  --tcs-bg: #0b1512;
  --tcs-surface: #16281f;
  --tcs-surface-soft: #1a3026;
  --tcs-border: #22382e;
  --tcs-text: #eaf5ef;
  --tcs-text-muted: #b9d4c8;
  --tcs-primary: #0f8c6b;
  --tcs-support: #1fa57b;
  --tcs-accent: #9bcb3c;
  --tcs-verdict-green: #22c55e;
  --tcs-verdict-amber: #eab308;
  --tcs-verdict-red: #ef4444;
  --tcs-product-semaforo: #9bcb3c;
  --tcs-product-entre-lineas: #d65a82;
  --tcs-product-pelea-favorita: #e1785f;
  --tcs-product-detector-de-enfriamiento: #54b6c8;
  --tcs-product-radiografia-del-grupo: #7964c8;
  --tcs-font-display: "Newsreader", Georgia, serif;
  --tcs-font-body: "Manrope", system-ui, sans-serif;
  --tcs-space-1: 0.25rem;
  --tcs-space-2: 0.5rem;
  --tcs-space-3: 0.75rem;
  --tcs-space-4: 1rem;
  --tcs-space-6: 1.5rem;
  --tcs-space-8: 2rem;
  --tcs-space-12: 3rem;
  --tcs-space-16: 4rem;
  --tcs-radius-sm: 0.75rem;
  --tcs-radius-md: 1.25rem;
  --tcs-radius-lg: 2rem;
  --tcs-border-subtle: 1px solid color-mix(in srgb, var(--tcs-border) 86%, white 14%);
  --tcs-shadow-raised: 0 24px 70px rgb(0 0 0 / 28%);
  --tcs-focus: 0 0 0 3px rgb(155 203 60 / 42%);
  --tcs-motion-fast: 140ms;
  --tcs-motion-base: 220ms;
  --tcs-scrim: linear-gradient(105deg, rgb(11 21 18 / 94%), rgb(11 21 18 / 36%));
  --tcs-grain-opacity: 0.035;

  /* Compatibility aliases consumed by existing marketing composers. */
  --bg: var(--tcs-bg);
  --bg-2: var(--tcs-surface-soft);
  --ink: var(--tcs-text);
  --ink-dim: var(--tcs-text-muted);
  --accent: var(--tcs-support);
  --accent-2: var(--tcs-accent);
  --card: var(--tcs-surface);
  --line: var(--tcs-border);
  --verdict-green: var(--tcs-verdict-green);
  --verdict-amber: var(--tcs-verdict-amber);
  --verdict-red: var(--tcs-verdict-red);
  --scrim: var(--tcs-scrim);
  --on-photo: #fff;
  --font-display: var(--tcs-font-display);
  --font-body: var(--tcs-font-body);
  --fs-eyebrow: 33px;
  --fs-display: 118px;
  --fs-display-sm: 101px;
  --fs-sub: 53px;
  --fs-body: 40px;
  --fs-label: 31px;
  --fs-micro: 26px;
  --fs-site: 37px;
  --fs-bignum: 350px;
  --brand-w: 480px;
  --brand-h: 112px;

  /* Compatibility aliases for the existing SSR surfaces while they consume the
     C1 component sheet.  Keep these derived from C1 tokens, never as a second
     palette. */
  --surface: var(--tcs-surface);
  --surface-raised: var(--tcs-surface-soft);
  --border: var(--tcs-border);
  --text-primary: var(--tcs-text);
  --text-secondary: var(--tcs-text-muted);
  --text-muted: color-mix(in srgb, var(--tcs-text-muted), transparent 30%);
  --text-on-brand: #08140f;
  --brand-teal: var(--tcs-primary);
  --brand-emerald: var(--tcs-support);
  --brand-lime: var(--tcs-accent);
  --grad: linear-gradient(100deg, var(--tcs-support), var(--tcs-accent));
  --font: var(--tcs-font-body);
  --sp-xs: var(--tcs-space-2);
  --sp-sm: var(--tcs-space-3);
  --sp-md: var(--tcs-space-4);
  --sp-lg: var(--tcs-space-8);
  --sp-xl: var(--tcs-space-12);
  --r-sm: var(--tcs-radius-sm);
  --r-md: var(--tcs-radius-md);
  --r-lg: var(--tcs-radius-lg);
  --r-pill: 999px;
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --tcs-motion-fast: 0ms;
    --tcs-motion-base: 0ms;
  }
}