/*
 * Design tokens for Woodlog Interiors.
 * Single source of truth for color, spacing, radius, and shadow values.
 * Previously these were redeclared (and drifted) inside a <style> block on
 * about.html, contact.html, index.html, product.html, and shop.html.
 */
:root {
  /* Brand colors — warm walnut wood palette */
  --brand: #6b4423;
  --brand-dark: #4a2f18;
  --accent: #c08a2e;

  /* Text colors */
  --text: #2b2118;
  --muted: #7a6a5a;

  /* Surfaces */
  --soft: #f6f0e6;
  --card: #fffaf3;
  --surface: #fffaf3;
  --line: rgba(107, 68, 35, .14);

  /* Spacing scale */
  --space-1: .25rem;
  --space-2: .5rem;
  --space-3: .75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4rem;

  /* Radius */
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --radius-pill: 999px;

  /* Shadow */
  --shadow-sm: 0 1px 4px 0 rgba(0, 0, 0, .12);
  --shadow-md: 0 14px 35px rgba(0, 0, 0, .12);

  /* Focus ring */
  --focus-ring: 0 0 0 3px rgba(107, 68, 35, .35);

  /* Hero */
  --hero-image: url("../images/Scandinavian-Wood-Framed-Sofa-Set.png");
}