/* Niroco.ads Design System — generated from tokens.json */
:root, [data-theme="default"] {
  --niroco-cream: #fdf7e5;
  --niroco-cream-deep: #fbf0d4;
  --niroco-white: #ffffff;
  --niroco-ink: #141414;
  --niroco-ink-70: #44423c;
  --niroco-ink-45: #7d7a70;
  --niroco-lavender: #d8c0e2;
  --niroco-lavender-light: #ebdfe8;
  --niroco-lavender-ink: #6e4f84;
  --niroco-yellow: #fceba9;
  --niroco-yellow-light: #fdf4cf;
  --niroco-yellow-ink: #9a7b16;
  --niroco-green: #a3d1a6;
  --niroco-green-light: #d7e6cb;
  --niroco-green-ink: #3f7a47;
  --niroco-blue: #668edd;
  --niroco-blue-light: #92b8f4;
  --niroco-blue-ink: #2c53a6;
  --surface-page: var(--niroco-cream);
  --surface-alt: var(--niroco-cream-deep);
  --surface-card: var(--niroco-white);
  --surface-ink: var(--niroco-ink);
  --text-primary: var(--niroco-ink);
  --text-secondary: var(--niroco-ink-70);
  --text-muted: var(--niroco-ink-45);
  --text-on-ink: var(--niroco-cream);
  --accent: var(--niroco-lavender);
  --accent-ink: var(--niroco-lavender-ink);
  --icon-stroke: var(--niroco-ink);
  --border-soft: rgba(20, 20, 20, 0.12);
  --border-strong: var(--niroco-ink);
  --highlight-lavender: var(--niroco-lavender);
  --highlight-yellow: var(--niroco-yellow);
  --highlight-green: var(--niroco-green);
  --focus-ring: var(--niroco-blue);
  --positive: var(--niroco-green-ink);
  --warning: var(--niroco-yellow-ink);
  --shadow-sm: 0 1px 2px rgba(60, 50, 20, 0.06);
  --shadow-md: 0 6px 18px rgba(60, 50, 20, 0.08);
  --shadow-lg: 0 16px 40px rgba(60, 50, 20, 0.10);
}
: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;
  --border-w: 1.5px;
  --border-w-ink: 2.5px;
  --container: 1120px;
  --container-tight: 760px;
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 22px;
  --radius-xl: 32px;
  --radius-pill: 999px;
  --ease-out: cubic-bezier(0.22, 0.61, 0.36, 1);
  --ease-soft: cubic-bezier(0.4, 0, 0.2, 1);
  --dur-fast: 120ms;
  --dur-base: 200ms;
  --dur-slow: 320ms;
  --fw-light: 300;
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --fw-bold: 700;
  --lh-tight: 1.08;
  --lh-snug: 1.25;
  --tracking-tight: -0.01em;
  --tracking-normal: 0;
  --tracking-wide: 0.04em;
  --font-display: 'PT Serif', 'Times New Roman', Georgia, serif;
  --font-body: 'Poppins', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --text-fs-display: 400 64px/1.4 var(--font-body);
  --text-fs-h1: 400 44px/1.4 var(--font-body);
  --text-fs-h2: 400 32px/1.4 var(--font-body);
  --text-fs-h3: 400 24px/1.4 var(--font-body);
  --text-fs-title: 400 20px/1.4 var(--font-body);
  --text-fs-body-lg: 400 18px/1.4 var(--font-body);
  --text-fs-body: 400 16px/1.55 var(--font-body);
  --text-fs-small: 400 14px/1.4 var(--font-body);
  --text-fs-caption: 400 12px/1.4 var(--font-body);
  --text-body: 400 16px/1.55 var(--font-body); /* From `body` in tokens/base.css. */
}
.fs-display {
  font-family: var(--font-body);
  font-size: 64px;
  line-height: 1.4;
  font-weight: 400;
  letter-spacing: 0;
}
.fs-h1 {
  font-family: var(--font-body);
  font-size: 44px;
  line-height: 1.4;
  font-weight: 400;
  letter-spacing: 0;
}
.fs-h2 {
  font-family: var(--font-body);
  font-size: 32px;
  line-height: 1.4;
  font-weight: 400;
  letter-spacing: 0;
}
.fs-h3 {
  font-family: var(--font-body);
  font-size: 24px;
  line-height: 1.4;
  font-weight: 400;
  letter-spacing: 0;
}
.fs-title {
  font-family: var(--font-body);
  font-size: 20px;
  line-height: 1.4;
  font-weight: 400;
  letter-spacing: 0;
}
.fs-body-lg {
  font-family: var(--font-body);
  font-size: 18px;
  line-height: 1.4;
  font-weight: 400;
  letter-spacing: 0;
}
.fs-body {
  font-family: var(--font-body);
  font-size: 16px;
  line-height: 1.55;
  font-weight: 400;
  letter-spacing: 0;
}
.fs-small {
  font-family: var(--font-body);
  font-size: 14px;
  line-height: 1.4;
  font-weight: 400;
  letter-spacing: 0;
}
.fs-caption {
  font-family: var(--font-body);
  font-size: 12px;
  line-height: 1.4;
  font-weight: 400;
  letter-spacing: 0;
}
.body {
  font-family: var(--font-body);
  font-size: 16px;
  line-height: 1.55;
  font-weight: 400;
  letter-spacing: 0;
}