:root{
  /* Layout */
  --container-width: 94%;
  --container-pad: 20px;
  --container-content-cap: 1200px;
  --container-shop-cap: 1280px;

  /* Design tokens */
  --accent: #1A73E8;
  --radius: 10px;

  /* Spacing scale */
  --s-1: 6px;
  --s-2: 10px;
  --s-3: 14px;
  --s-4: 20px;
  --s-5: 28px;
  --s-6: 40px;

  /* Typography defaults (overwritten by Customizer vars) */
  --font: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --body-size: 16px;
  --body-weight: 400;
  --body-lh: 1.6;
  --body-color: #111111;

  --h1-font: var(--font);
  --h1-size: 34px;
  --h1-weight: 700;
  --h1-lh: 1.15;
  --h1-color: #111111;

  --h2-font: var(--font);
  --h2-size: 26px;
  --h2-weight: 700;
  --h2-lh: 1.2;
  --h2-color: #111111;

  --h3-font: var(--font);
  --h3-size: 20px;
  --h3-weight: 700;
  --h3-lh: 1.25;
  --h3-color: #111111;

  --h4-font: var(--font);
  --h4-size: 18px;
  --h4-weight: 700;
  --h4-lh: 1.3;
  --h4-color: #111111;

  /* Buttons */
  --btn-font: var(--font);
  --btn-font-size: 15px;
  --btn-font-weight: 600;
  --btn-bg: var(--accent);
  --btn-color: #ffffff;
  --btn-radius: var(--radius);
  --btn-pad-y: 12px;
  --btn-pad-x: 18px;
  --btn-minw: 0px;
  --btn-hover-bg: #1558b0;
  --btn-hover-color: #ffffff;

  /* Header */
  --header-height: 64px;
}