/* CartSome brand tokens: the one source for every CartSome surface, the
   platform's own site (cartsome.com, infra/scripts/build-platform-site.mjs
   inlines this file into its site.css) and the operator console alike, so
   the two look like one product. Shops keep their own theme (tokens.css);
   these apply only inside a .cartsome or [data-brand="cartsome"] scope.
   Change a value here, then rebuild the site. */

.cartsome,
[data-brand="cartsome"],
[data-admin-theme="cartsome"] {
  --cs-paper: #f7f6f1;
  --cs-ink: #1b1b1c;
  --cs-line: #d9d9d1;
  --cs-muted: #696965;
  --cs-lime: #d7fa65;
  --cs-lav: #cfc5fa;
  --cs-coral: #ff8568;
  --cs-ice: #dfe7eb;
  --cs-cream: #fffdf6;
  --cs-dot: #80817d;

  --cs-radius-card: 18px;
  --cs-radius-pill: 100px;
  --cs-radius-input: 8px;

  --cs-border: 1.5px solid var(--cs-ink);
  --cs-shadow-card: 7px 7px 0 var(--cs-ink);
  --cs-shadow-hover: 4px 5px 0 rgba(0, 0, 0, .13);

  --cs-font-sans: 'DM Sans';
  --cs-font-mono: 'DM Mono';
  --cs-font-serif: 'Instrument Serif';
}