/* Paiol — generated from tokens.json */
:root, [data-theme="light"] {
  --paiol-azul-noite: #0b1730;
  --paiol-coral: #ff6b57;
  --paiol-cinza-nevoa: #e8ebf0;
  --paiol-branco-gelo: #f8f9fb;
  --paiol-branco: #ffffff;
  --azul-noite-900: var(--paiol-azul-noite);
  --azul-noite-800: #16223b;
  --azul-noite-700: #243049;
  --ink-600: #4a5468;
  --ink-500: #6b7385;
  --ink-400: #8c93a3;
  --ink-300: #b4bac6;
  --cinza-200: #d9dde4;
  --cinza-100: var(--paiol-cinza-nevoa);
  --cinza-50: #f1f3f6;
  --coral-600: #f0503b;
  --coral-500: var(--paiol-coral);
  --coral-100: #ffe3de;
  --coral-50: #fff1ee;
  --success-500: #1fa971;
  --success-50: #e6f6ef;
  --danger-500: #f0503b;
  --danger-50: #fde8e5;
  --text-strong: var(--azul-noite-900);
  --text-body: var(--ink-600);
  --text-muted: var(--ink-500);
  --text-subtle: var(--ink-400);
  --text-inverse: var(--paiol-branco-gelo);
  --text-accent: var(--coral-500);
  --surface-page: var(--paiol-branco-gelo);
  --surface-card: var(--paiol-branco);
  --surface-sunken: var(--cinza-50);
  --surface-muted: var(--cinza-100);
  --surface-inverse: var(--azul-noite-900);
  --surface-accent: var(--coral-500);
  --border-default: var(--cinza-100);
  --border-strong: var(--cinza-200);
  --border-inverse: rgba(248,249,251,.18);
  --accent: var(--coral-500);
  --accent-hover: var(--coral-600);
  --focus-ring: rgba(255,107,87,.35);
  --shadow-sm: 0 1px 2px rgba(11,23,48,.06);
  --shadow-md: 0 4px 16px rgba(11,23,48,.08);
  --shadow-lg: 0 16px 40px rgba(11,23,48,.12);
}
:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 40px;
  --space-8: 48px;
  --space-9: 64px;
  --space-10: 80px;
  --space-11: 96px;
  --grid-gutter: 24px;
  --grid-margin: 64px;
  --radius-xs: 4px;
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 14px;
  --radius-xl: 20px;
  --radius-pill: 999px;
  --font-display: "Plus Jakarta Sans", system-ui, sans-serif;
  --font-body: "Inter", system-ui, sans-serif;
}
.display { font-family: var(--font-display); font-size: 72px; line-height: 76px; font-weight: 800; letter-spacing: -0.04em; }
.h1 { font-family: var(--font-display); font-size: 48px; line-height: 56px; font-weight: 800; letter-spacing: -0.04em; }
.h2 { font-family: var(--font-display); font-size: 32px; line-height: 40px; font-weight: 700; letter-spacing: -0.04em; }
.h3 { font-family: var(--font-display); font-size: 24px; line-height: 32px; font-weight: 700; letter-spacing: -0.03em; }
.label-strong { font-family: var(--font-display); font-size: 14px; line-height: 20px; font-weight: 600; }
.lead { font-family: var(--font-body); font-size: 18px; line-height: 28px; font-weight: 400; }
.text-md { font-family: var(--font-body); font-size: 16px; line-height: 24px; font-weight: 400; }
.text-sm { font-family: var(--font-body); font-size: 14px; line-height: 20px; font-weight: 400; }
.text-medium { font-family: var(--font-body); font-size: 14px; line-height: 20px; font-weight: 500; }
.body-print { font-family: var(--font-body); font-size: 12px; line-height: 18px; font-weight: 400; }
.caption { font-family: var(--font-body); font-size: 10px; line-height: 14px; font-weight: 400; }
.eyebrow { font-family: var(--font-body); font-size: 11px; line-height: 15px; font-weight: 500; letter-spacing: 0.28em; }