/* ===========================================================================
   tokens.css — Design tokens (single source of truth)
   Dr. Moser & Dr. Dreyfuss — Ärzte für Allgemeinmedizin
   Values pulled verbatim from the prototype's shared stylesheet (styles.css).
   Load order on every page: fonts.css → tokens.css → base.css → components.css
   =========================================================================== */

:root {
  /* Brand palette (exact) */
  --red:        #9B2D2D;
  --red-deep:   #7E2222;
  --red-soft:   #B85A5A;
  --beige:      #B0AC96;
  --beige-line: rgba(176, 172, 150, 0.45);
  --beige-soft: rgba(176, 172, 150, 0.16);
  --offwhite:   #F4F2EC;
  --white:      #FFFFFF;
  --ink:        #1F1F1F;
  --muted:      #5A5A5A;

  /* Soft red — used by accordion/service/CTA bands (was duplicated in page CSS) */
  --soft-red:   #F3E4E2;

  /* Type */
  --serif: "Source Serif 4", Georgia, "Times New Roman", serif;
  --sans:  "Source Sans 3", system-ui, -apple-system, Segoe UI, sans-serif;

  /* Rhythm */
  --maxw: 1200px;
  --gutter: clamp(20px, 5vw, 64px);
  --radius: 14px;
  --radius-sm: 10px;
  --shadow-sm: 0 1px 2px rgba(31,31,31,0.04), 0 2px 8px rgba(31,31,31,0.04);
  --shadow-md: 0 10px 30px rgba(31,31,31,0.10);
  --shadow-red: 0 14px 34px rgba(155,45,45,0.28);
  --ease: cubic-bezier(0.22, 0.61, 0.36, 1);
}