/* Survey Blaster — generated from tokens.json */
:root, [data-theme="light"] {
  --red: #ec3013; /* Brand Red. The logo's checkboxes, the business-card front field, the red app-icon field. As text it is 4.2:1 on white and 3.95:1 on ink: use it for text only at 24px+ (or bold 19px+), never for body copy. */
  --ink: #201e1d; /* Brand Ink. The wordmark, all type and rules on white stationery, the ink app-icon field. 16.6:1 on white. */
  --white: #ffffff; /* Brand White. Paper for all stationery; type and the one-colour logo on red; type in the reverse logo on ink. */
  --surface: var(--white); /* Page ground: white in the color theme, ink in the reverse theme (matches which logo variant sits on it). */
  --text: var(--ink); /* All text on surface, both themes (16.6:1). */
  --rule: var(--ink); /* Solid divider rules, as on the letterhead, card back and email signature. Always full-strength, never tinted. */
  --accent: var(--red); /* The brand's one accent, in both themes: checkbox marks, small solid fills, large display text. Not for body text (fails 4.5:1 on both surfaces). */
  --on-accent: var(--white); /* Type and the white logo on a red field (business-card front). 4.2:1 — large or bold display text only. */
}
[data-theme="dark"] {
  --surface: var(--ink);
  --text: var(--white);
  --rule: var(--white);
  --accent: var(--red);
  --on-accent: var(--white);
}
:root {
  --space-24: 24px; /* Outer inset of the email signature and the gap between its name block, rule and contact block. */
  --radius-none: 10px; /* Everything. The logo's checkboxes, app-icon fields and all stationery are square-cornered. */
  --rule-screen: 2px; /* Divider in the email signature (600 px canvas). */
  --rule-letter: 0.6mm; /* Header and footer rules on the A4 letterhead. */
  --rule-card: 0.5mm; /* Divider on the business-card back. */
  --margin-letter: 20mm; /* Left/right margin of the A4 letterhead; logo top-left, address block at 130mm from the left. */
  --margin-card: 6mm; /* Inset on the 85 × 55mm business card. */
  --bleed: 3mm; /* Bleed to add to every print file. */
  --font-sans: "Archivo", system-ui, sans-serif;
  --text-name: 700 22px/28px var(--font-sans); /* A person's name or a block heading. Measured from the email signature (600 px wide). */
  --text-role: 400 15px/22px var(--font-sans); /* Secondary line under a name. Measured from the email signature. */
  --text-label: 600 14px/20px var(--font-sans); /* Bold lead line of an address or footer block (letterhead header and footer URL). */
  --text-body: 400 14px/20px var(--font-sans); /* Contact details and running text. 20px line pitch as in the email signature. */
}
.name {
  font-family: var(--font-sans);
  font-size: 22px;
  line-height: 28px;
  font-weight: 700;
  letter-spacing: 0;
}
.role {
  font-family: var(--font-sans);
  font-size: 15px;
  line-height: 22px;
  font-weight: 400;
  letter-spacing: 0;
}
.label {
  font-family: var(--font-sans);
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
  letter-spacing: 0;
}
.body {
  font-family: var(--font-sans);
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0;
}