/* Design System Casa Locomotiva v1.0 – cópia de design-system-casa-locomotiva/tokens/tokens.css.
   Não editar aqui: altere no repositório do Design System e copie de novo. Handle WordPress: cl-tokens. */
/* Casa Locomotiva — gerado de claude/tokens.claude.json por scripts/build.py. Não editar à mão. */
:root {
  /* Cores */
  --brand-red-deep: #5A0002;
  --brand-teal: #0B4255;
  --brand-teal-deep: #052C3B;
  --brand-orange: #FF4F0F;
  --brand-gold: #A47A0C;
  --brand-yellow: #FEBC0F;
  --brand-pink: #FF006F;
  --brand-white: #F3F4F6;
  --brand-cream: #FEF3DE;
  --brand-blue: #60A3F3;
  --brand-violet: #A536FF;
  --brand-purple: #361C75;
  --brand-black: #060015;
  --brand-green: #008437;
  --brand-cream-soft: #FFFEEE;
  --surface: #FFFFFF;
  --surface-violet-tint: #F7EDFF;
  --surface-dark: #050505;
  --ink: #191919;
  --ink-strong: #111111;
  --ink-hover: #333333;
  --muted: #757575;
  --violet-hover: #7D17D3;
  --on-violet: #FFFFFF;
  --on-violet-muted: #F0DDFF;
  --line: #E4E4E4;
  --line-card: #DDDDDD;
  --line-strong: #686868;
  --field-border: #AAAAAA;
  --field-border-accessible: #8A8A8A;
  --focus-gold: #DBAB2B;
  --focus-ring: var(--brand-purple);
  --footer-ink: #171714;
  --header-ink: #292924;
  --legacy-bg: #EBE7DD;
  --legacy-surface: #F4F0E8;
  --legacy-line: #CCC7BE;
  --legacy-cta: #FFCF00;
  --legacy-cta-ink: #171717;
  /* Fontes */
  --font-display: Anton, Impact, sans-serif;
  --font-sans: "DM Sans", Arial, sans-serif;
  /* spacing */
  --space-4: 4px;
  --space-12: 12px;
  --space-14: 14px;
  --space-20: 20px;
  --space-24: 24px;
  --space-28: 28px;
  --space-30: 30px;
  --space-42: 42px;
  --space-68: 68px;
  /* radius */
  --radius-0: 0;
  --radius-control: 0px;
  --radius-dialog: 0px;
  --radius-legacy: 0px;
  /* shadow */
  --shadow-dialog: 0 20px 80px #00000055;
  /* size */
  --container-max: 1296px;
  --reading-max: 590px;
  --control-min-height: 48px;
  --dialog-width: 520px;
  /* breakpoint */
  --bp-tablet: 1000px;
  --bp-mobile: 680px;
  --bp-small: 480px;
}
.t-display-hero { font-family: var(--font-display); font-size: 86px; line-height: 1.1; font-weight: 400; letter-spacing: -0.025em; }
.t-display-wordmark { font-family: var(--font-display); font-size: 150px; line-height: 1; font-weight: 400; letter-spacing: -0.02em; }
.t-display-brand { font-family: var(--font-display); font-size: 24px; line-height: 1.1; font-weight: 400; }
.t-title-enroll { font-family: var(--font-sans); font-size: 62px; line-height: 1.02; font-weight: 700; letter-spacing: -0.035em; }
.t-h1 { font-family: var(--font-sans); font-size: 48px; line-height: 1.02; font-weight: 700; letter-spacing: -0.035em; }
.t-h2 { font-family: var(--font-sans); font-size: 34px; line-height: 1.12; font-weight: 400; letter-spacing: -0.035em; }
.t-h3 { font-family: var(--font-sans); font-size: 20px; line-height: 1.2; font-weight: 700; letter-spacing: -0.035em; }
.t-price { font-family: var(--font-sans); font-size: 48px; line-height: 1.1; font-weight: 700; letter-spacing: -0.04em; }
.t-eyebrow { font-family: var(--font-sans); font-size: 17px; line-height: 1.3; font-weight: 700; }
.t-intro { font-family: var(--font-sans); font-size: 17px; line-height: 1.35; font-weight: 400; }
.t-body { font-family: var(--font-sans); font-size: 16px; line-height: 1.45; font-weight: 400; }
.t-faq-question { font-family: var(--font-sans); font-size: 18px; line-height: 1.3; font-weight: 700; }
.t-ui { font-family: var(--font-sans); font-size: 14px; line-height: 1.3; font-weight: 700; }
.t-nav { font-family: var(--font-sans); font-size: 15px; line-height: 1.5; font-weight: 500; }
.t-meta { font-family: var(--font-sans); font-size: 13px; line-height: 1.4; font-weight: 400; }
.t-legal { font-family: var(--font-sans); font-size: 12px; line-height: 1.5; font-weight: 400; }

:root{--brand-celeste:#6099F3}