/* ==================================================================
 * topDentis Cologne — Design-Tokens
 * Quelle: Elementor-Kit 516 (system_colors, custom_colors,
 * system_typography, container). Single Source of Truth für die
 * Pro-freie Hülle/Templates.
 * ================================================================== */

:root {
  /* --- Marken-/Systemfarben --- */
  --tdc-primary:        #000000;   /* Kit: Primary   */
  --tdc-secondary:      #009A96;   /* Kit: Secondary — Marken-Türkis */
  --tdc-text:           #000000;   /* Kit: Text      */
  --tdc-accent:         #1E5E69;   /* Kit: Accent    */

  /* --- Custom-Palette (Kit) --- */
  --tdc-main-blue:      #009A96;   /* = Türkis   */
  --tdc-light-blue:     #B6CDCC;
  --tdc-lilac:          #9AB6BA;
  --tdc-red:            #CC0017;   /* Red Highlight (Notdienst/SOS) */
  --tdc-dark-grey:      #383D46;
  --tdc-light-grey:     #F0F2F2;
  --tdc-white:          #FFFFFF;
  --tdc-popup-overlay:  rgba(0,0,0,.8);   /* #000000CC */

  /* --- Typografie (Kit: durchgehend Poppins) --- */
  --tdc-font: 'Poppins', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --tdc-fw-extralight: 200;
  --tdc-fw-light:      300;
  --tdc-fw-regular:    400;
  --tdc-fw-medium:     500;
  --tdc-fw-semibold:   600;

  /* Text-Basis (Kit „Text": Poppins 300, 17px, lh 1.4) */
  --tdc-text-size:     17px;
  --tdc-text-lh:       1.4;

  /* --- Layout --- */
  --tdc-container:     1400px;
  --tdc-bp-md:         768px;
  --tdc-bp-lg:         1025px;
  --tdc-body-bg:       #FFFFFF;
}