/*
 * QuillingTreasures Storefront foundation.
 * Tokens only: no inherited element styles and no !important declarations.
 */

:root {
  --qt-color-ink: #34212c;
  --qt-color-brand: #833561;
  --qt-color-brand-strong: #682747;
  --qt-color-brand-soft: #f9edf4;
  --qt-color-surface: #fffdfb;
  --qt-color-muted: #786b73;
  --qt-color-border: #e3cfd9;
  --qt-color-success: #19784a;
  --qt-color-danger: #bb3145;

  --qt-font-body: Manrope, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --qt-font-display: "Playfair Display", Georgia, serif;

  --qt-space-1: 0.25rem;
  --qt-space-2: 0.5rem;
  --qt-space-3: 0.75rem;
  --qt-space-4: 1rem;
  --qt-space-5: 1.5rem;
  --qt-space-6: 2rem;

  --qt-radius-sm: 0.5rem;
  --qt-radius-md: 0.75rem;
  --qt-radius-lg: 1rem;
  /* Shared interactive-control scale. Components consume these tokens instead
   * of independently choosing icon and touch-target dimensions. */
  --qt-control-size: 3.125rem;
  --qt-control-size-compact: 2.875rem;
  --qt-icon-size: 1.25rem;
  --qt-icon-size-compact: 1.1875rem;
  --qt-shadow-focus: 0 0 0 3px rgb(131 53 97 / 20%);
  --qt-transition-fast: 160ms ease;
}