/* Design tokens — single source of truth for colors, radius, shadows */
:root {
  --bg: #f6f4ef;
  --card: #fff;
  --line: #e7e0d5;
  --text: #171717;
  --muted: #6b665f;
  --primary: #111;
  --danger: #b42318;
  --light: #faf8f4;
  --gold: #b98b44;
  --ink: #0f172a;

  --input-border: #d1d5e5;
  --surface-muted: #f8fafc;
  --divider-soft: #f1ede6;

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

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

  --shadow-card: 0 14px 36px rgba(15, 23, 42, 0.04);
  --shadow-card-hover: 0 18px 40px rgba(15, 23, 42, 0.1);
  --shadow-buy-box: 0 14px 32px rgba(15, 23, 42, 0.05);

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