/*
 * GENERATED by tools/build-art-contract.mjs — do not edit. Sources:
 *   docs/art/ui-system/ui-tokens.json sha256:87fa5a86ee31
 *   docs/art/board-camera/board-camera-spec.json sha256:047893d6cce5
 *   docs/art/cats/cat-model-spec.json sha256:1bb1baeb1ed6
 *   docs/art/effects/effects-audio-spec.json sha256:95d2d255384c
 *   docs/art/collection/collection-spec.json sha256:10614f71b237
 *   docs/art/match-flow/match-flow-spec.json sha256:7b2badc7d4a0
 *   docs/art/responsive/responsive-spec.json sha256:9bbf68f8ef0f
 *   docs/art/accessibility/accessibility-matrix.json sha256:261b4d55eaef
 *   docs/art/tutorial/tutorial-spec.json sha256:85e02aa1d3b5
 *   docs/art/production/production-contract.json sha256:7aca7de4b125
 */
:root {
  --lip-color-ink: #17353A;
  --lip-color-ink-soft: #355359;
  --lip-color-paper: #FFFBF2;
  --lip-color-cream: #F7F0DF;
  --lip-color-line: #C9BDA7;
  --lip-color-teal: #146B6C;
  --lip-color-teal-dark: #0D4E54;
  --lip-color-coral: #A64631;
  --lip-color-amber: #874900;
  --lip-color-focus: #0D62FF;
  --lip-color-disabled-fill: #DED3C0;
  --lip-color-disabled-text: #355359;
  --lip-color-storm: #3C466F;
  --lip-color-sunny: #7B4A00;
  --lip-color-winds: #176F70;
  --lip-color-snap: #245D78;
  --lip-color-mood-cold: #1B6488;
  --lip-color-mood-warm: #875000;
  --lip-color-mood-hot: #A13F31;
  --lip-font-display: Fredoka, ui-rounded, system-ui, sans-serif;
  --lip-font-body: Atkinson Hyperlegible, ui-sans-serif, system-ui, sans-serif;
  --lip-font-numeric: Atkinson Hyperlegible, ui-sans-serif, system-ui, sans-serif;
  --lip-font-numeric-features: tabular-nums;
  --lip-space-1: 4px;
  --lip-space-2: 8px;
  --lip-space-3: 12px;
  --lip-space-4: 16px;
  --lip-space-5: 24px;
  --lip-space-6: 32px;
  --lip-radius-control: 12px;
  --lip-radius-card: 16px;
  --lip-radius-pill: 999px;
  --lip-touch-min: 48px;
  --lip-icon-inline: 16px;
  --lip-icon-control: 20px;
  --lip-icon-hero: 28px;
  --lip-focus-inner-width: 2px;
  --lip-focus-outer-width: 3px;
  --lip-focus-outline-offset: 2px;
  --lip-focus-inner: var(--lip-color-paper);
  --lip-focus-outer: var(--lip-color-focus);
  --lip-surface-card-fill: var(--lip-color-paper);
  --lip-surface-card-text: var(--lip-color-ink);
  --lip-surface-card-border: var(--lip-color-ink);
  --lip-surface-primary-fill: var(--lip-color-teal);
  --lip-surface-primary-text: var(--lip-color-paper);
  --lip-surface-primary-border: var(--lip-color-paper);
  --lip-surface-danger-fill: var(--lip-color-coral);
  --lip-surface-danger-text: var(--lip-color-paper);
  --lip-surface-danger-border: var(--lip-color-paper);
  --lip-surface-pile-fill: var(--lip-color-amber);
  --lip-surface-pile-text: var(--lip-color-paper);
  --lip-surface-pile-border: var(--lip-color-paper);
  --lip-surface-storm-fill: var(--lip-color-storm);
  --lip-surface-storm-text: var(--lip-color-paper);
  --lip-surface-storm-border: var(--lip-color-paper);
  --lip-surface-sunny-fill: var(--lip-color-sunny);
  --lip-surface-sunny-text: var(--lip-color-paper);
  --lip-surface-sunny-border: var(--lip-color-paper);
  --lip-surface-winds-fill: var(--lip-color-winds);
  --lip-surface-winds-text: var(--lip-color-paper);
  --lip-surface-winds-border: var(--lip-color-paper);
  --lip-surface-snap-fill: var(--lip-color-snap);
  --lip-surface-snap-text: var(--lip-color-paper);
  --lip-surface-snap-border: var(--lip-color-paper);
  --lip-tier-core-fill: var(--lip-color-cream);
  --lip-tier-core-text: var(--lip-color-ink);
  --lip-tier-core-border: var(--lip-color-ink);
  --lip-tier-accent-fill: var(--lip-color-teal);
  --lip-tier-accent-text: var(--lip-color-paper);
  --lip-tier-accent-border: var(--lip-color-ink);
  --lip-tier-signature-fill: var(--lip-color-coral);
  --lip-tier-signature-text: var(--lip-color-paper);
  --lip-tier-signature-border: var(--lip-color-ink);
  --lip-text-exact-min: 14px;
  --lip-text-label-min: 12px;
  --lip-text-action-min: 15px;
  --lip-gap-board-sheet: 8px;
  --lip-gap-board-rail: 16px;
  --lip-gap-station: 12px;
}