/* IRON AI — generated from tokens.json */
:root, [data-theme="light"] {
  --ink: #141413;
  --deep: #f0eee6;
  --paper: #faf9f5;
  --deep-2: #f5f4ee;
  --soft: #f0eee6;
  --form-bg: #f5f4ee;
  --modal-bg: #ffffff;
  --surface: #f0efe6;
  --band: #f0eee6;
  --button-dark-bg: #ffffff;
  --surface-2: #e8e6dc;
  --icon-bg: #f0efe6;
  --footer-bg: #f0efe6;
  --line: #e7e6e1;
  --line-soft: #d977572e;
  --hairline: #1f1e1d26;
  --field-line: #8f8d86;
  --icon-border: #e7e6e1;
  --button-dark-border: #8f8d86;
  --text: #141413;
  --nav-text: #3d3d3a;
  --muted: #3d3d3a;
  --subtle: #6b6a65;
  --faint: #8f8d86;
  --acid: #ebdbbc;
  --acid-hover: #e3cda4;
  --accent: #c6613f;
  --accent-text: #a5502f;
  --link: #a5502f;
  --live: #d97757;
  --icon-ink: #a5502f;
  --focus: #c6613f;
  --danger: #b42330;
  --field-error: #b42330;
  --risk-red: #c03b3b;
  --risk-red-ink: #7f1d1d;
  --risk-yellow: #a16207;
  --risk-yellow-ink: #713f12;
  --risk-green: #2f7d4f;
  --risk-green-ink: #14532d;
  --red-bg: #fff1f2;
  --red-accent: #b91c1c;
  --yellow-bg: #fffbeb;
  --yellow-accent: #92400e;
  --green-bg: #f0fdf4;
  --green-accent: #166534;
  --neutral-bg: #f8fafc;
  --neutral-accent: #0f172a;
  /* rodada 27 (decisão do cliente): linguagem visual próxima à do Claude.ai */
  --cta-bg: #141413;
  --cta-hover: #3d3d3a;
  --cta-text: #faf9f5;
  --clay: #d97757;
  --kraft: #d4a27f;
  --manilla: #ebdbbc;
  --oat: #e3dacc;
  --shadow-modal: 0 35px 100px #14141329;
  --shadow-live: 0 0 0 5px #d977572e;
}
:root {
  --space-1: 8px;
  --space-2: 12px;
  --space-3: 22px;
  --space-4: 32px;
  --space-5: 44px;
  --space-6: 60px;
  --space-7: 78px;
  --space-8: 120px;
  --header-height: 84px;
  --control-height: 48px;
  --icon-box: 46px;
  --page-max: 1240px;
  --radius-none: 0;
  --radius-full: 50%;
  --font-sans: "Manrope", system-ui, sans-serif;
  --font-serif: "Source Serif 4", Georgia, "Times New Roman", serif;
  --font-mono: "IBM Plex Mono", ui-monospace, monospace;
}
.hero { font-family: var(--font-sans); font-size: 92px; line-height: 0.99; font-weight: 600; letter-spacing: -0.055em; }
.section-title { font-family: var(--font-sans); font-size: 61px; line-height: 1.06; font-weight: 600; letter-spacing: -0.05em; }
.stat { font-family: var(--font-sans); font-size: 53px; line-height: 1; font-weight: 700; letter-spacing: -0.06em; }
.product-title { font-family: var(--font-sans); font-size: 30px; line-height: 1.2; font-weight: 700; letter-spacing: -0.03em; }
.card-title { font-family: var(--font-sans); font-size: 20px; line-height: 1.35; font-weight: 700; letter-spacing: -0.025em; }
.lead { font-family: var(--font-sans); font-size: 17px; line-height: 1.75; font-weight: 400; }
.body { font-family: var(--font-sans); font-size: 15px; line-height: 1.75; font-weight: 400; }
.body-sm { font-family: var(--font-sans); font-size: 14px; line-height: 1.7; font-weight: 400; }
.ui { font-family: var(--font-sans); font-size: 13px; line-height: 1.2; font-weight: 700; }
.label { font-family: var(--font-sans); font-size: 12px; line-height: 1.5; font-weight: 700; }
.brand { font-family: var(--font-sans); font-size: 14px; line-height: 1; font-weight: 500; letter-spacing: 0.1em; }
.eyebrow { font-family: var(--font-mono); font-size: 12px; line-height: 1.5; font-weight: 600; letter-spacing: 0.15em; }
.tag { font-family: var(--font-mono); font-size: 12px; line-height: 1.5; font-weight: 600; letter-spacing: 0.13em; }
.index { font-family: var(--font-mono); font-size: 12px; line-height: 1.5; font-weight: 400; }