/*
 * GENERATED from ../ios/design/labs/tokens.json. Do not hand-edit.
 * Regenerate: npm run design:tokens
 */
:root {
  --ios-board-frame: #AB8859;
  --ios-board-inner: #BC996C;
  --ios-board-point-light: #CEBC8D;
  --ios-board-point-dark: #665F4D;
  --ios-board-slab-edge: #5A472D;
  --ios-board-checker-black: #1C1E21;
  --ios-board-checker-black-top: #232529;
  --ios-board-checker-white: #F5F1EB;
  --ios-canvas: #000000;
  --ios-ink: #F5EDDF;
  --ios-ink-secondary: #A7A196;
  --ios-ink-dim: #8F897E;
  --ios-ink-92: color-mix(in srgb, #F5EDDF 92%, transparent);
  --ios-ink-70: color-mix(in srgb, #F5EDDF 70%, transparent);
  --ios-ink-55: color-mix(in srgb, #F5EDDF 55%, transparent);
  --ios-ink-45: color-mix(in srgb, #F5EDDF 45%, transparent);
  --ios-ink-35: color-mix(in srgb, #F5EDDF 35%, transparent);
  --ios-ink-16: color-mix(in srgb, #F5EDDF 16%, transparent);
  --ios-instrument-steady-bg: rgba(255,255,255,.08);
  --ios-surface-page: #0D0D0D;
  --ios-surface-tile: hsl(0 0% 100% / 0.075);
  --ios-surface-control: rgba(245,237,223,0.054);
  --ios-surface-chip: hsl(0 0% 100% / 0.107);
  --ios-surface-stat: #131313;
  --ios-surface-receipt: #101010;
  --ios-surface-selected: rgba(245,237,223,.13);
  --ios-surface-selected-outline: rgba(245,237,223,.92);
  --ios-surface-hint: #241F15;
  --ios-accent: #9FEF3E;
  --ios-score-good-grad-start: #B7F674;
  --ios-accent-deep: #59A513;
  --ios-accent-veil: hsl(87 84.6% 59% / .13);
  --ios-success: #9FEF3E;
  --ios-success-bg: #152109;
  --ios-warning: #D5A562;
  --ios-warning-deep: #AD6A3E;
  --ios-warning-bg: #1B140D;
  --ios-danger: #EA529E;
  --ios-danger-deep: #B32E72;
  --ios-danger-bg: #1F0A13;
  --ios-radius-pill: 999px;
  --ios-radius-lesson-card: 40px;
  --ios-radius-slim-card: 31px;
  --ios-radius-sheet: 28px;
  --ios-radius-cta: 26px;
  --ios-radius-stat: 22px;
  --ios-radius-section: 20px;
  --ios-radius-tile: 18px;
  --ios-radius-row: 17px;
  --ios-radius-control: 11px;
  --ios-space-page: 4px;
  --ios-card-width: 400px;
  --ios-space-card-gap: 8px;
  --ios-space-card-pad: 24px;
  --ios-space-editorial-inset: 26px;
  --ios-space-ring-inset: 20px;
  --ios-space-popover-inset: 14px;
  --ios-control-height: 52px;
  --ios-control-height-small: 40px;
  --ios-font-display: "Tiempos Headline";
  --ios-font-ui: "ABC Camera Plain";
  --ios-font-prose: "Söhne";
  --ios-font-mono: "ABC Diatype Greek Mono";
  --ios-text-display: 38px;
  --ios-text-title: 24px;
  --ios-text-question: 22px;
  --ios-text-cta: 18px;
  --ios-text-button: 17px;
  --ios-text-row: 16px;
  --ios-text-answer: 15.5px;
  --ios-text-meta: 13.5px;
  --ios-text-kicker: 11px;
  --ios-text-body: 14.5px;
  --ios-text-compact: 12px;
  --ios-text-mono: 13px;
  --ios-tracking-kicker: .14em;
  --ios-tracking-mono: .04em;
  --ios-leading-display: 1.07;
  --ios-leading-body: 1.66;
  --ios-shadow-tile: 0 1px 3px rgba(0,0,0,.11);
  --ios-shadow-popover: 0 18px 44px rgba(0,0,0,.55);
  --ios-shadow-dock: 0 9px 25px rgba(0,0,0,.2);
  --ios-surface-glint: inset 0 1px 0 rgba(255,255,255,.06);
  --ios-motion-rise-duration: 0.56s;
  --ios-motion-rise-curve: cubic-bezier(0.22, 1.12, 0.3, 1);
  --ios-motion-popover-duration: 0.22s;
}