:root {
  --tuc-c-ink-900: #0f1417;
  --tuc-c-ink-700: #2a3338;
  --tuc-c-ink-500: #5b6770;
  --tuc-c-ink-300: #99a4ad;
  --tuc-c-ink-100: #e6ebee;
  --tuc-c-paper:   #ffffff;
  --tuc-c-cream:   #f7f4ee;

  /* VIOLETA — sistema de color principal (sustituye verde anterior) */
  --tuc-c-brand-700: #4C1D95;
  --tuc-c-brand-600: #6D28D9;
  --tuc-c-brand-500: #7C3AED;
  --tuc-c-brand-100: #EDE9FE;

  /* accent = mismo violeta (era naranja #e6804a) */
  --tuc-c-accent-500: #6D28D9;
  --tuc-c-accent-600: #5B21B6;

  --tuc-c-success: #2c8a52;
  --tuc-c-warning: #c98b1a;
  --tuc-c-error:   #b3261e;

  /* TYPE SCALE — calibrado para Bricks base 1rem = 10px (html{font-size:62.5%}) */
  --tuc-fs-xs:   1.3rem;   /* 13px */
  --tuc-fs-sm:   1.4rem;   /* 14px — badge, social proof, icon labels */
  --tuc-fs-md:   1.6rem;   /* 16px — body, buttons */
  --tuc-fs-lg:   1.8rem;   /* 18px — H3, subtítulos */
  --tuc-fs-xl:   2.2rem;   /* 22px */
  --tuc-fs-2xl:  2.8rem;   /* 28px */
  --tuc-fs-3xl:  3.6rem;   /* 36px — H2 min */
  --tuc-fs-4xl:  4.8rem;   /* 48px — H2 máx / Figma H2 */
  --tuc-fs-5xl:  7.2rem;   /* 72px — H1 máx / Figma H1 */
  --tuc-fs-lede: 2.4rem;   /* 24px — hero lede / Figma lede */

  --tuc-lh-tight: 1.15;
  --tuc-lh-snug:  1.3;
  --tuc-lh-base:  1.55;
  --tuc-lh-loose: 1.7;

  --tuc-ff-sans: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --tuc-ff-display: "Söhne", "Inter", system-ui, sans-serif;

  --tuc-sp-1:  4px;
  --tuc-sp-2:  8px;
  --tuc-sp-3:  12px;
  --tuc-sp-4:  16px;
  --tuc-sp-5:  24px;
  --tuc-sp-6:  32px;
  --tuc-sp-7:  48px;
  --tuc-sp-8:  64px;
  --tuc-sp-9:  96px;
  --tuc-sp-10: 128px;

  --tuc-radius-sm: 6px;
  --tuc-radius-md: 12px;
  --tuc-radius-lg: 20px;
  --tuc-radius-pill: 999px;

  --tuc-shadow-sm: 0 1px 2px rgba(15, 20, 23, 0.06);
  --tuc-shadow-md: 0 8px 24px rgba(15, 20, 23, 0.08);
  --tuc-shadow-lg: 0 24px 48px rgba(15, 20, 23, 0.12);

  --tuc-container-max: 1200px;
  --tuc-container-px:  clamp(16px, 4vw, 32px);

  --tuc-ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --tuc-dur-fast: 160ms;
  --tuc-dur-base: 240ms;
  --tuc-dur-slow: 420ms;

  --tuc-focus-ring: 0 0 0 3px rgba(109, 40, 217, 0.35);
}

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