/* Design tokens — 01h Graphite Sketch (storefront default) */
:root {
  --bg: #f5f5f5;
  --card: #fff;
  --surface: #fff;
  --ice: #ececec;
  --line: #d4d4d4;
  --text: #171717;
  --muted: #6b6b6b;
  --primary: #171717;
  --danger: #b42318;
  --light: #fafafa;
  --gold: #c97a62;
  --ink: #171717;
  --btn: #c97a62;

  --input-border: #d4d4d4;
  --surface-muted: #f5f5f5;
  --divider-soft: #ececec;

  --admin-active-bg: #eef4ff;
  --admin-active-text: #1d4ed8;

  --radius-sm: 8px;
  --radius-md: 10px;
  --radius-lg: 12px;
  --radius-xl: 18px;
  --radius-pill: 999px;

  --shadow-card: 0 8px 28px rgba(0, 0, 0, 0.06);
  --shadow-card-hover: 0 10px 32px rgba(0, 0, 0, 0.08);
  --shadow-buy-box: 0 8px 28px rgba(0, 0, 0, 0.06);

  --font-sans: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  --header-sticky-top: 92px;
  --container-max: 1440px;
  --content-max: 1320px;
}