/* Marcenne — tokens compilados a partir de tokens.json. Gerado: nao edite a mao. */

:root, [data-theme="light"] {
  --surface-canvas: #f4f1ec;
  --surface-raised: #fbf9f6;
  --surface-sunken: #e9e4db;
  --surface-contrast: #16140f;
  --ink-strong: #16140f;
  --ink-body: #332e28;
  --ink-muted: #5f584e;
  --ink-on-contrast: #f6f2ec;
  --accent-bronze: #8a5433;
  --accent-bronze-soft: #ecdcc9;
  --on-accent: #fdfbf7;
  --line-hairline: #d8d0c3;
  --line-strong: #8d8477;
  --focus-ring: #35566f;
  --focus-ring-inverse: #9dc0dc;
  --status-launch: #1f5f6b;
  --status-building: #8a5a12;
  --status-delivered: #2f5d3f;
  --status-soldout: #8f3a32;
  --shadow-raise: 0 1px 2px rgba(22,20,15,0.05), 0 12px 32px rgba(22,20,15,0.10);
  --shadow-overlay: 0 24px 64px rgba(22,20,15,0.16);
}

[data-theme="dark"] {
  --surface-canvas: #121110;
  --surface-raised: #1c1a17;
  --surface-sunken: #0a0908;
  --surface-contrast: #f4f1ec;
  --ink-strong: #f6f2ec;
  --ink-body: #d2cabd;
  --ink-muted: #a49a8e;
  --ink-on-contrast: #16140f;
  --accent-bronze: #d9a77a;
  --accent-bronze-soft: #40301f;
  --on-accent: #14100a;
  --line-hairline: #2e2a25;
  --line-strong: #6e665b;
  --focus-ring: #9dc0dc;
  --focus-ring-inverse: #35566f;
  --status-launch: #7fc4cf;
  --status-building: #e0ac5c;
  --status-delivered: #8fc7a2;
  --status-soldout: #e59b92;
  --shadow-raise: 0 1px 2px rgba(0,0,0,0.6), 0 14px 36px rgba(0,0,0,0.55);
  --shadow-overlay: 0 24px 64px rgba(0,0,0,0.7);
}

:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --space-9: 88px;
  --space-10: 112px;
  --space-11: 160px;
  --radius-none: 0;
  --radius-xs: 2px;
  --radius-sm: 4px;
  --radius-pill: 999px;
  --container-max: 1360px;
  --container-text: 680px;
  --measure-prose: 62ch;
  --hairline: 1px;
  --font-sans: "Jost", "Futura", "Century Gothic", system-ui, sans-serif;
  --font-serif: "Fraunces", "Georgia", "Times New Roman", serif;
  --font-mono: "IBM Plex Mono", ui-monospace, "SFMono-Regular", monospace;
}

.display-xl {
  font-family: var(--font-sans);
  font-size: 68px;
  line-height: 0.98;
  font-weight: 600;
  letter-spacing: -0.025em;
}

.display-l {
  font-family: var(--font-sans);
  font-size: 44px;
  line-height: 1.08;
  font-weight: 600;
  letter-spacing: -0.02em;
}

.display-m {
  font-family: var(--font-sans);
  font-size: 32px;
  line-height: 1.12;
  font-weight: 600;
  letter-spacing: -0.015em;
}

.heading-l {
  font-family: var(--font-sans);
  font-size: 24px;
  line-height: 1.25;
  font-weight: 500;
  letter-spacing: -0.01em;
}

.heading-m {
  font-family: var(--font-sans);
  font-size: 20px;
  line-height: 1.3;
  font-weight: 500;
}

.heading-s {
  font-family: var(--font-sans);
  font-size: 16px;
  line-height: 1.35;
  font-weight: 500;
  letter-spacing: 0.01em;
}

.eyebrow {
  font-family: var(--font-sans);
  font-size: 12px;
  line-height: 1.2;
  font-weight: 500;
  letter-spacing: 0.16em;
}

.lead {
  font-family: var(--font-sans);
  font-size: 19px;
  line-height: 1.6;
  font-weight: 400;
}

.body {
  font-family: var(--font-sans);
  font-size: 16px;
  line-height: 1.7;
  font-weight: 400;
}

.body-s {
  font-family: var(--font-sans);
  font-size: 15px;
  line-height: 1.6;
  font-weight: 400;
}

.caption {
  font-family: var(--font-sans);
  font-size: 13px;
  line-height: 1.5;
  font-weight: 400;
  letter-spacing: 0.02em;
}

.quote {
  font-family: var(--font-serif);
  font-size: 28px;
  line-height: 1.35;
  font-weight: 400;
  letter-spacing: -0.01em;
}

.spec {
  font-family: var(--font-mono);
  font-size: 14px;
  line-height: 1.45;
  font-weight: 400;
  letter-spacing: 0.02em;
}

.spec-l {
  font-family: var(--font-mono);
  font-size: 26px;
  line-height: 1.2;
  font-weight: 500;
}