/* Central-Apotheke · Design Tokens (aus Brand Guide v2.0) */
:root {
  /* Primärfarben */
  --green: #009534;
  --green-deep: #00772A;

  /* Mint */
  --mint-100: #D7F0E0;
  --mint-50: #E8F8EE;

  /* Slate */
  --slate-700: #42525F;
  --slate-500: #6B7A85;
  --slate-100: #EDF1F3;

  /* Akzente */
  --kamille: #F0DC6E;
  --amber: #8B5A00;

  /* Hilfsfarben */
  --white: #ffffff;
  --paper: #fbfbf8;     /* warmer Off-White für Bold-Variante */
  --black: #111213;

  /* Typo */
  --ff-display: 'Aptos Display', 'Aptos', 'Public Sans', 'Segoe UI', system-ui, -apple-system, sans-serif;
  --ff-body:    'Aptos', 'Public Sans', 'Segoe UI', system-ui, -apple-system, sans-serif;
  --ff-mono:    'Aptos Mono', 'JetBrains Mono', 'IBM Plex Mono', ui-monospace, Menlo, monospace;

  /* Radien gem. Newsletter-Regel: 4–6 px */
  --r-sm: 4px;
  --r-md: 6px;
  --r-lg: 10px;
}

/* Public Sans als Aptos-Fallback (visuell sehr nah) */
@import url('https://fonts.googleapis.com/css2?family=Public+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,400&family=JetBrains+Mono:wght@400;500&display=swap');

* { box-sizing: border-box; }
body { margin: 0; font-family: var(--ff-body); color: var(--slate-700); -webkit-font-smoothing: antialiased; }

/* Wiederverwendbare Bausteine */
.ca-mono { font-family: var(--ff-mono); }
.ca-eyebrow { font-family: var(--ff-mono); font-size: 11px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--green-deep); }

/* Apotheken-Kreuz (vereinfachte Marker-Form, nicht das Logo) */
.ca-cross {
  position: relative; display: inline-block;
}
.ca-cross::before, .ca-cross::after {
  content: ""; position: absolute; background: currentColor; border-radius: 1px;
}