/* Draft 0.1. Shared values for the Lampstand preview and future Rails components. */
@font-face {
  font-family: Manrope;
  src: url("/assets/Manrope-07c3f1b0.ttf") format("truetype");
  font-weight: 200 800;
  font-display: swap;
}
@font-face {
  font-family: "Public Sans";
  src: url("/assets/PublicSans-b05c1a42.ttf") format("truetype");
  font-weight: 100 900;
  font-display: swap;
}
.lampstand {
  --ls-ink: #183c2b;
  --ls-muted: #53645a;
  --ls-action: #b5eb81;
  --ls-action-hover: #a1dc69;
  --ls-canvas: #ffffff;
  --ls-surface: #f4f7f2;
  --ls-selected: #e4efdc;
  --ls-border: #dbe3d8;
  --ls-control-border: #778674;
  --ls-focus: #245fc5;
  --ls-success: #245635;
  --ls-success-surface: #e8f3e5;
  --ls-warning: #795117;
  --ls-warning-surface: #fff2d9;
  --ls-danger: #a33530;
  --ls-danger-surface: #fbece9;
  --ls-neutral-surface: #edf0ed;
  --ls-heading: Manrope, system-ui, sans-serif;
  --ls-body: "Public Sans", system-ui, sans-serif;
  --ls-space-1: 4px;
  --ls-space-2: 8px;
  --ls-space-3: 12px;
  --ls-space-4: 16px;
  --ls-space-6: 24px;
  --ls-space-8: 32px;
  --ls-space-12: 48px;
  --ls-space-16: 64px;
  --ls-radius-control: 10px;
  --ls-radius-panel: 20px;
  --ls-radius-pill: 999px;
}