/* ============================================================
   Heilpraxis in der Au — Color Tokens
   ------------------------------------------------------------
   Two layers:
   1. CI palette  — the practice corporate identity (teal/gold/cream)
   2. Series palettes — each Instagram content series runs its own
      self-contained look. Never mix a series palette with the CI
      palette inside one carousel.
   ============================================================ */

:root {
  /* ---- CI: Teal core ---- */
  --ci-main: #216477;          /* primary teal */
  --ci-main-dark: #12363F;     /* deep teal, headlines on light */
  --ci-main-light: #3A8AA0;    /* lifted teal, accents */
  --ci-main-pale: #C3E1E8;     /* pale teal, fills / pale text on dark */

  /* ---- CI: Warm neutrals ---- */
  --ci-offwhite: #FFF7E0;      /* warm cream, primary light surface */
  --ci-offwhite-2: #F5F3ED;    /* cooler paper cream */
  --ci-gold: #B79B5E;          /* brand gold, rings + fine accents */
  --ci-gold-light: #D4BC84;    /* lifted gold */

  /* ---- CI: Dark + text ---- */
  --ci-dark-bg: #0E2228;       /* near-black teal, dark surface */
  --ci-text-mid: #375055;      /* muted slate-teal body text */
  --ci-text-pale: #94C3D2;     /* pale aqua text on dark */

  /* ---- CI semantic aliases ---- */
  --surface-light: var(--ci-offwhite);
  --surface-paper: var(--ci-offwhite-2);
  --surface-dark: var(--ci-dark-bg);
  --text-heading: var(--ci-main-dark);
  --text-body: var(--ci-text-mid);
  --text-on-dark: var(--ci-text-pale);
  --accent: var(--ci-main);
  --accent-soft: var(--ci-main-pale);
  --hairline-gold: var(--ci-gold);

  /* IMPORTANT: never use pure #000 for text inside CI carousels.
     Use --ci-main-dark or --ci-text-mid instead. */

  /* ============================================================
     SERIES PALETTES
     ============================================================ */

  /* ---- Peptide series (Twitter / X look) ---- */
  --peptide-bg: #000000;       /* pure black — the one place #000 is allowed */
  --peptide-accent: #1D9BF0;   /* X blue */
  --peptide-divider: #2F3336;  /* X hairline grey */
  --peptide-text: #E7E9EA;     /* X near-white text */
  --peptide-text-muted: #71767B;

  /* ---- Elektrolyte series (Blue / White) ---- */
  --elektro-bg: #F5F8FF;       /* cool paper blue */
  --elektro-headline: #1A3A5C; /* navy headline */
  --elektro-accent: #2E6DB4;   /* mid blue */
  --elektro-text: #2B3A4A;

  /* ---- Kabbalah series (deep indigo, no gold, pills outline-only) ---- */
  --kabbalah-bg: #12103A;      /* deep night indigo */
  --kabbalah-1: #3D2E8A;       /* base violet */
  --kabbalah-2: #6B5BCC;       /* mid violet */
  --kabbalah-3: #9B8EE8;       /* lifted lilac, text/accents */
  --kabbalah-text: #E4E0FB;

  /* ---- Longevity / MolMed (anthracite + signal yellow) ---- */
  --longevity-bg: #1C1C1E;     /* anthracite */
  --longevity-signal: #F5C800; /* signal yellow */
  --longevity-text: #FFFFFF;
  --longevity-text-muted: #A1A1A6;
}