/* Red Dot design tokens: lifted 1:1 from therealdeal.shop (the owner's reference design), renamed --rd-*.
   Dark-first deals UI: near-black canvas, one signal red, hairline borders, Bebas Neue headlines, Inter body. */
:root {
  --rd-black: #0B0B0C;       /* page canvas */
  --rd-media: #0E0E10;       /* image wells */
  --rd-elevated: #141416;    /* cards */
  --rd-elevated-2: #1B1B1E;  /* inputs, raised cards */
  --rd-elevated-3: #232328;  /* hover / pressed surfaces */
  --rd-hairline: #2A2A2E;    /* borders */
  --rd-white: #FFFFFF;
  --rd-off-white: #F5F5F5;
  --rd-gray: #94949E;        /* secondary text */
  --rd-red: #E8141F;         /* the one accent: CTAs, % OFF badges, active tab underline */
  --rd-red-hover: #F52530;
  --rd-red-press: #B80F18;
  --rd-red-soft: rgba(232, 20, 31, .12);
  --rd-red-glow: rgba(232, 20, 31, .35);
  --rd-green: #34C77B;       /* verified / price-drop */
  --rd-radius: .75rem;
  --rd-font-display: "Bebas Neue", Impact, sans-serif;
  --rd-font-body: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
}