/* Gerado de tokens.json do design system (Amanita Design System). Não edite à mão: rode gen_theme.py. */
:root, [data-theme="dark"] {
  --neutral-950: #141414;
  --neutral-800: #2b2b2b;
  --neutral-600: #555555;
  --neutral-500: #808080;
  --neutral-400: #aaaaaa;
  --neutral-200: #d4d4d4;
  --neutral-0: #ffffff;
  --brand-red: #ff1a36;
  --brand-pink: #fd40cc;
  --brand-yellow: #fff73d;
  --brand-sand: #e2d9d3;
  --logo-ink: #201d1d;
  --surface: var(--neutral-950);
  --surface-raised: var(--neutral-800);
  --surface-inverse: var(--neutral-0);
  --ink: var(--neutral-0);
  --ink-muted: var(--neutral-400);
  --ink-inverse: var(--neutral-950);
  --ink-emphasis: var(--brand-yellow);
  --line: var(--neutral-600);
  --line-strong: var(--neutral-500);
  --accent: var(--brand-pink);
  --on-accent: var(--neutral-950);
  --highlight: var(--brand-yellow);
  --on-highlight: var(--neutral-950);
  --signal: var(--brand-red);
  --on-signal: var(--neutral-950);
  --button-subtle: var(--neutral-600);
  --on-button-subtle: var(--neutral-0);
  --graphic-subtle: var(--neutral-800);
  --focus: var(--brand-yellow);
  --scrim: #141414a6;
  color-scheme: dark;
}
[data-theme="light"] {
  --surface: var(--neutral-0);
  --surface-raised: var(--brand-sand);
  --surface-inverse: var(--neutral-950);
  --ink: var(--neutral-950);
  --ink-muted: var(--neutral-600);
  --ink-inverse: var(--neutral-0);
  --ink-emphasis: var(--neutral-950);
  --line: var(--neutral-200);
  --line-strong: var(--neutral-600);
  --button-subtle: var(--brand-sand);
  --on-button-subtle: var(--neutral-950);
  --graphic-subtle: var(--neutral-200);
  --focus: var(--neutral-950);
  color-scheme: light;
}
: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: 96px;
  --space-10: 144px;
  --radius-none: 0px;
  --stroke-hairline: 1px;
  --stroke-strong: 2px;
  --underline-thickness: 0.06em;
  --underline-offset: 0.1em;
  --image-mono: grayscale(1);
  --opacity-muted: 0.55;
  --opacity-disabled: 0.4;
  --container-max: 1440px;
  --gutter: clamp(16px, 5vw, 72px);
  --section-space: clamp(64px, 10vw, 144px);
  --header-height: 80px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 1024px;
  --font-sans: Owners, Archivo, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.display-xl { font-family: var(--font-sans); font-size: 120px; line-height: 0.87; font-weight: 500; letter-spacing: -0.045em; }
.display-l { font-family: var(--font-sans); font-size: 88px; line-height: 0.88; font-weight: 500; letter-spacing: -0.04em; }
.display-m { font-family: var(--font-sans); font-size: 64px; line-height: 0.9; font-weight: 500; letter-spacing: -0.035em; }
.display-italic { font-family: var(--font-sans); font-size: 88px; line-height: 0.9; font-weight: 500; letter-spacing: -0.04em; font-style: italic; }
.statement { font-family: var(--font-sans); font-size: 48px; line-height: 0.9; font-weight: 500; letter-spacing: -0.02em; }
.headline { font-family: var(--font-sans); font-size: 40px; line-height: 1; font-weight: 500; letter-spacing: -0.03em; }
.title { font-family: var(--font-sans); font-size: 28px; line-height: 1.05; font-weight: 500; letter-spacing: -0.02em; }
.subtitle { font-family: var(--font-sans); font-size: 22px; line-height: 1.2; font-weight: 500; letter-spacing: -0.015em; }
.lead { font-family: var(--font-sans); font-size: 20px; line-height: 1.45; font-weight: 400; letter-spacing: -0.01em; }
.body { font-family: var(--font-sans); font-size: 17px; line-height: 1.55; font-weight: 400; letter-spacing: -0.005em; }
.body-s { font-family: var(--font-sans); font-size: 15px; line-height: 1.5; font-weight: 400; letter-spacing: 0em; }
.caption { font-family: var(--font-sans); font-size: 13px; line-height: 1.4; font-weight: 400; letter-spacing: 0em; }
.label { font-family: var(--font-sans); font-size: 14px; line-height: 1; font-weight: 400; letter-spacing: 0.01em; }
.label-s { font-family: var(--font-sans); font-size: 12px; line-height: 1; font-weight: 500; letter-spacing: 0.03em; }