/* GENERATED by tools/build-qs-tokens.py from design-system/quiet-shelf/tokens.css. Do not edit. */
/* Shooglis Quiet Shelf, generated from tokens.json */
:root {
  --ground: #fff6ee;
  --ink: #381b20;
  --tile: #eedecf;
  --inverse: #4c1e20;
  --on-inverse: #fff6ee;
  --accent: #c6dae6;
  --ink-70: rgba(56, 27, 32, 0.7);
  --ink-55: rgba(56, 27, 32, 0.55);
  --ink-14: rgba(56, 27, 32, 0.14);
  --on-inverse-70: rgba(255, 246, 238, 0.7);
  --on-inverse-30: rgba(255, 246, 238, 0.3);
  --seashell: #fff6ee;
  --almond-cream: #eedecf;
  --pale-oak: #d4c1b0;
  --dusty-taupe: #ad978a;
  --pale-sky: #c6dae6;
  --rich-mahogany: #381b20;
  --night-bordeaux: #4c1e20;
  --font-display: "Parastoo", "Google Sans", Georgia, serif;
  --font-body: "Google Sans", "Helvetica Neue", Arial, sans-serif;
  --font-slogan: "Helvetica Neue", Helvetica, Arial, "Google Sans", sans-serif;
  --hero-inset: 20px;
  --pair-gutter: 50px;
  --rail-gutter: 60px;
  --pair-gap: 35px;
  --card-gap: 24px;
  --section-gap: 120px;
  --label-gap: 40px;
  --r-tile: 10px;
  --r-mid: 20px;
  --r-hero: 28px;
  --r-pill: 999px;
  --btn-h: 40px;
  --header-h: 88px;
  --announce-h: 48px;
  --brand-w: 128px;
  --block-h: 600px;
  --circle: 160px;
  --ar-hero: 1400 / 600;
  --ar-media: 7 / 8;
  --ar-tile: 4 / 5;
  --rail-visible: 4.5;
  --ease-circ: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  --ease-op: ease-in-out;
  --dur-fill: 150ms;
  --dur-ink: 450ms;
  --dur-op: 200ms;
  --dur-seam: 180s;
  --dur-rotate: 5000ms;
  --op-hover: 0.7;
}
[data-theme="inverse"] {
  --ground: #4c1e20;
  --ink: #fff6ee;
  --tile: #55292a;
  --inverse: #fff6ee;
  --on-inverse: #4c1e20;
  --ink-70: rgba(255, 246, 238, 0.7);
  --ink-55: rgba(255, 246, 238, 0.55);
  --ink-14: rgba(255, 246, 238, 0.14);
  --on-inverse-70: rgba(76, 30, 32, 0.7);
  --on-inverse-30: rgba(76, 30, 32, 0.3);
}