/* Generated from design/tokens.json (Figma: VintherOS variables) by scripts/tokens.mjs. Do not edit;
   change the variable in Figma, export it and run npm run tokens. */
.stage {
  /* VintherOS Color */
  --ink: #f6f1e7;
  --mute: rgba(246,241,231,0.76);
  --faint: rgba(246,241,231,0.58);
  --warn: #ffd9a8;
  --ground: #0d0d0d;
  --solid: #f3f3ef;
  --solid-ink: #141618;
  --solid-mute: rgba(29,26,22,0.68);
  --plate: rgba(255,255,255,0.22);
  --lift: rgba(255,255,255,0.34);
  --dock-veil: rgba(8,14,18,0.28);
  --scrim: rgba(8,12,14,0.42);
  --line: rgba(246,241,231,0.18);
}
.stage.bg-dark {
  /* VintherOS Color */
  --ink: #f6f1e7;
  --mute: rgba(246,241,231,0.72);
  --faint: rgba(246,241,231,0.5);
  --warn: #e8b36a;
  --ground: #0d0d0d;
  --solid: #f3f3ef;
  --solid-ink: #141618;
  --solid-mute: rgba(29,26,22,0.68);
  --plate: rgba(246,241,231,0.08);
  --lift: rgba(246,241,231,0.15);
  --dock-veil: rgba(246,241,231,0.06);
  --scrim: rgba(8,12,14,0.42);
  --line: rgba(246,241,231,0.14);
}
.stage.bg-light {
  /* VintherOS Color */
  --ink: #1d1a16;
  --mute: rgba(29,26,22,0.7);
  --faint: rgba(29,26,22,0.52);
  --warn: #8a4b00;
  --ground: #f2efe8;
  --solid: #1d1a16;
  --solid-ink: #f2efe8;
  --solid-mute: rgba(242,239,232,0.72);
  --plate: rgba(29,26,22,0.07);
  --lift: rgba(29,26,22,0.13);
  --dock-veil: rgba(29,26,22,0.05);
  --scrim: rgba(242,239,232,0.42);
  --line: rgba(29,26,22,0.14);
}
:root {
  /* VintherOS Size */
  --radius-dock: 48px;
  --radius-tile: 32px;
  --radius-pill: 32px;
  --radius-row: 20px;
  --radius-choice: 18px;
  --space-edge: 140px;
  --space-gutter: 112px;
  --space-dock-pad: 16px;
  --space-tile-gap: 8px;
  --space-util-gap: 8px;
  --space-pill-x: 24px;
  --size-tile-w: 288px;
  --size-tile-h: 200px;
  --size-util-h: 64px;
  --size-row-h: 68px;
  --size-icon: 30px;
}