/* Mexilhao — generated from src/design/tokens.json by scripts/build-tokens.mjs. Do not edit by hand. */
:root {
  color-scheme: light;
  --wool-000: #f3f0e8;
  --pearl-000: #fbf9f4;
  --shell-900: #13202b;
  --sea-700: #4f5f6b;
  --nacre-200: #dde4e6;
  --line-300: #cfd6d8;
  --stitch-400: #b9c3c7;
  --coral-600: #b04424;
  --coral-500: #d9623b;
  --white-000: #ffffff;
  --focus-600: #1f5a8a;
  --status-upcoming-fg: #55616b;
  --status-upcoming-bg: #e6e4de;
  --status-waiting-fg: #7a4f00;
  --status-waiting-bg: #f6e8c3;
  --status-progress-fg: #1f5a8a;
  --status-progress-bg: #d9e6f2;
  --status-ready-fg: #9a3a1d;
  --status-ready-bg: #f8ddd0;
  --status-collected-fg: #2e5b52;
  --status-collected-bg: #d6e7e1;
  --status-hold-fg: #8b1e2d;
  --status-hold-bg: #f6d7db;
  --font-display: 'Zilla Slab', Georgia, serif;
  --font-text: 'Inter', system-ui, sans-serif;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 14px;
  --radius-xl: 16px;
  --radius-pill: 999px;
  --target-min: 44px;
  --target-atelier: 60px;
  --button-atelier: 68px;
  --button-atelier-primary: 76px;
  --control-overseer: 40px;
  --icon-tile: 48px;
  --hairline: 1px;
  --control: 1.5px;
  --focus: 3px;
}

.type-wordmark { font-family: var(--font-display); font-size: 20px; line-height: 1; font-weight: 700; letter-spacing: 0.06em; }
.type-quantity { font-family: var(--font-display); font-size: 56px; line-height: 1; font-weight: 700; }
.type-title { font-family: var(--font-display); font-size: 32px; line-height: 1.1; font-weight: 600; }
.type-heading { font-family: var(--font-display); font-size: 25px; line-height: 1.15; font-weight: 600; }
.type-section { font-family: var(--font-display); font-size: 22px; line-height: 1.2; font-weight: 600; }
.type-body-lg { font-family: var(--font-text); font-size: 18px; line-height: 1.4; font-weight: 400; }
.type-body { font-family: var(--font-text); font-size: 15px; line-height: 1.45; font-weight: 400; }
.type-button-lg { font-family: var(--font-text); font-size: 22px; line-height: 1; font-weight: 700; }
.type-button { font-family: var(--font-text); font-size: 15px; line-height: 1; font-weight: 600; }
.type-label { font-family: var(--font-text); font-size: 13px; line-height: 1.3; font-weight: 600; }
.type-caption { font-family: var(--font-text); font-size: 12px; line-height: 1.35; font-weight: 500; letter-spacing: 0.05em; }