/* Min Ladä — CSS custom properties generated from tokens.json. Edit tokens.json, then regenerate. */
/* The fonts are self-hosted, see fonts.css (no requests to Google, revDSG). */
@import url("fonts-bjxSxfQ.css");

:root {
  /* colors */
  --ink: #1B1E3C;
  --ink-muted: #50557A;
  --paper: #FFFFFF;
  --plate: #F2F3F8;
  --line: #DCDFEA;
  --line-strong: #7D83A3;
  --brand: #2847D8;
  --brand-deep: #1B31A6;
  --brand-tint: #E3E8FF;
  --yellow: #FFC53D;
  --yellow-tint: #FFF1C7;
  --orange: #FF6A3D;
  --orange-tint: #FFE3D9;
  --green: #1DA772;
  --green-ink: #0B7A4E;
  --green-tint: #DDF5EA;
  /* spacing */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 16px;
  --space-4: 24px;
  --space-5: 40px;
  --space-6: 80px;
  /* radius */
  --radius-sm: 8px;
  --radius-md: 16px;
  --radius-lg: 28px;
  --radius-pill: 999px;
  /* shadow */
  --shadow-brick: 0 4px 0 0 #1B1E3C;
  --shadow-brick-sm: 0 2px 0 0 #1B1E3C;
  --shadow-float: 0 12px 32px rgba(27, 30, 60, 0.14);
  /* border */
  --border-brick: 2px;
  --border-hair: 1px;
  /* font families */
  --font-display: "Bricolage Grotesque", "Figtree", system-ui, sans-serif;
  --font-body: "Figtree", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: "DM Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;
}

/* type styles */
.display-xl { font-family: var(--font-display); font-size: 72px; line-height: 0.95; font-weight: 800; letter-spacing: -0.02em; }
.display-l { font-family: var(--font-display); font-size: 44px; line-height: 1.05; font-weight: 800; letter-spacing: -0.015em; }
.heading { font-family: var(--font-display); font-size: 26px; line-height: 1.15; font-weight: 700; }
.title { font-family: var(--font-display); font-size: 19px; line-height: 1.25; font-weight: 700; }
.body-l { font-family: var(--font-body); font-size: 19px; line-height: 1.55; font-weight: 400; }
.body { font-family: var(--font-body); font-size: 16px; line-height: 1.6; font-weight: 400; }
.small { font-family: var(--font-body); font-size: 14px; line-height: 1.45; font-weight: 500; }
.setnr { font-family: var(--font-mono); font-size: 13px; line-height: 1.2; font-weight: 500; letter-spacing: 0.04em; }
.price { font-family: var(--font-mono); font-size: 20px; line-height: 1.1; font-weight: 500; }