/* Scanbaar UI-font: Inter (variable weight) */
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap");

:root {
  --c-primary: #1fa11a;
  --c-primary-dark: #178013;
  --c-secondary: #9c1aa1;
  --c-accent-blue: #113597;
  --c-accent-green: #7ed957;
  --c-accent-orange: #f88811;
  --c-tile: #903c25;

  --c-label-popular: #c80000;
  --c-label-most-chosen: #db9a00;
  --c-label-recommended: #db5d1d;

  --c-bg: #ffffff;
  --c-surface: #f7f7f8;
  --c-text: #1a1a1a;
  --c-text-muted: #5a5a62;
  --c-border: #e6e6ea;

  /* Reviews & ratings */
  --c-rating-star: #ffb200;
  --c-review-surface: #fffdf1;

  /* Sticky-CTA frame (product sidebar / mobile bottom bar) */
  --c-cta-surface: #f4fef5;

  /* Page-backgrounds */
  --c-reviews-page-bg: #fcfbf4;

  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 20px;

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;

  --font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;

  --fs-xs: 12px;
  --fs-sm: 14px;
  --fs-md: 16px;
  --fs-lg: 18px;
  --fs-xl: 22px;
  --fs-2xl: 28px;
  --fs-3xl: 36px;

  --shadow-sm: 0 1px 2px rgba(0,0,0,.06);
  --shadow-md: 0 6px 20px rgba(0,0,0,.08);
  /* Gelaagde 3D-"zwevende"-shadow voor kaarten (review-cards e.d.) */
  --shadow-float: 0 1px 2px rgba(0,0,0,.04), 0 4px 10px rgba(0,0,0,.06), 0 12px 28px rgba(0,0,0,.08);
  --shadow-float-hover: 0 2px 4px rgba(0,0,0,.05), 0 8px 18px rgba(0,0,0,.08), 0 20px 44px rgba(0,0,0,.12);
  --glow-primary: 0 0 0 4px rgba(31,161,26,.22);
  --glow-tile: 0 0 0 4px rgba(144,60,37,.28);

  --tap-target: 48px;
  --container-max: 720px;
}