/* Dummy & Co Legal design tokens, from the design system (tokens.json). Light theme only. */
:root, [data-theme="light"] {
  --ink: #16130f;
  --ink-muted: #5c5650;
  --surface: #ffffff;
  --surface-alt: #f4f1ec;
  --line: #ddd6cc;
  --border-control: #857c72;
  --oxblood: #6e1423;
  --oxblood-deep: #4f0d18;
  --oxblood-tint: #f5e6e8;
  --on-fill: #ffffff;
  --error: #b3261e;
  --error-tint: #fbeae8;
  --success: #1e6b3c;
  --success-tint: #e6f2ea;
}
:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-4: 16px;
  --space-6: 24px;
  --space-10: 40px;
  --space-16: 64px;
  --radius-none: 0px;
  --radius-sm: 2px;
  --radius-round: 50%;
  --font-serif: "Newsreader", Georgia, "Times New Roman", serif;
  --font-sans: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
}
.display {
  font-family: var(--font-serif);
  font-size: 56px;
  line-height: 60px;
  font-weight: 600;
  letter-spacing: -0.02em;
}
.h1 {
  font-family: var(--font-serif);
  font-size: 40px;
  line-height: 46px;
  font-weight: 600;
  letter-spacing: -0.015em;
}
.h2 {
  font-family: var(--font-serif);
  font-size: 28px;
  line-height: 34px;
  font-weight: 600;
  letter-spacing: -0.01em;
}
.h3 {
  font-family: var(--font-serif);
  font-size: 20px;
  line-height: 28px;
  font-weight: 600;
  letter-spacing: normal;
}
.body-lg {
  font-family: var(--font-sans);
  font-size: 18px;
  line-height: 28px;
  font-weight: 400;
  letter-spacing: normal;
}
.body {
  font-family: var(--font-sans);
  font-size: 16px;
  line-height: 26px;
  font-weight: 400;
  letter-spacing: normal;
}
.label {
  font-family: var(--font-sans);
  font-size: 15px;
  line-height: 20px;
  font-weight: 600;
  letter-spacing: normal;
}
.caption {
  font-family: var(--font-sans);
  font-size: 13px;
  line-height: 18px;
  font-weight: 400;
  letter-spacing: normal;
}
.overline {
  font-family: var(--font-sans);
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
  letter-spacing: 0.12em;
}
