/* ===========================================================
   tokens.css - designtokens för akustikshopens presentationslager
   Flyttat hit från webshop.css:s "MODERNIZATION DRAFT v1"-block
   (ursprungligen tillagt 2026-04-27, commit c0e8b6c) som en del av
   GUI-moderniseringens etapp 1 (2026-08-20). Variabelnamnen och
   värdena är oförändrade - bara omorganiserade till en egen fil.
   =========================================================== */

:root {
  /* Färg */
  --ws-color-primary: #0ea5e9;
  --ws-color-primary-hover: #0284c7;
  --ws-color-text: #1f2937;
  --ws-color-surface: #ffffff;
  /* Bytt till neutralt grått (2026-08-24), tredje justeringen samma dag. Vägen dit:
     #f8fafc → #eef2f6 → #e2e8f0 (för att göra "muted"-rutorna själva tillräckligt
     synligt gråa, se tidigare kommentarer/CLAUDE.md) - men #e2e8f0 är en kylig,
     blåtonad grå (Tailwind slate-200), medan resten av sajtens chrome (#bestSellers,
     .ui-tabs-nav m.fl.) redan använder en neutral grå (#f5f5f5/#e9e9e9, verifierat
     live med getComputedStyle). Johan tyckte det såg "snurrigt" ut med två olika
     gråtoner på samma sida. #f5f5f5 matchar #bestSellers exakt; #dddddd matchar
     kantlinjen på .ui-tabs-nav. */
  --ws-color-muted: #f5f5f5;
  --ws-color-border: #dddddd;

  /* Rundning & skugga */
  --ws-radius-md: 8px;
  --ws-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.08);

  /* Spacing-skala (ny i etapp 1 - saknades i v1-draftet) */
  --ws-space-1: 4px;
  --ws-space-2: 8px;
  --ws-space-3: 12px;
  --ws-space-4: 16px;
  --ws-space-6: 24px;
  --ws-space-8: 32px;
  --ws-space-12: 48px;
}