/**
 * HTH Redesign — Design Tokens
 * help to help (International) e.V.
 * Alle Variablen als CSS Custom Properties für Elementor Global Colors / Child Theme
 */

:root {
  /* Primärfarben — Original HTH (Redesign-Plan) */
  --hth-primary: #1A6B3C;
  --hth-primary-dark: #0D3B1F;
  --hth-primary-light: #E8F5E9;
  --hth-accent: #E8A838;

  /* Burgundy — Strukturfarben (überall) */
  --hth-burgundy: #7E0135;
  --hth-burgundy-dark: #500423;
  --hth-burgundy-light: #f0e4ea;

  /* Hintergründe */
  --hth-bg: #FAF8F9;
  --hth-bg-alt: #FFFFFF;

  /* Text */
  --hth-text: #2D2D2D;
  --hth-text-muted: #6B7B6B;

  /* Typografie */
  --hth-font: 'DM Sans', -apple-system, BlinkMacSystemFont, sans-serif;
  --hth-font-heading: 'DM Sans', -apple-system, BlinkMacSystemFont, sans-serif;

  /* Layout */
  --hth-content-max: 1200px;
  --hth-section-padding-y: 80px;
  --hth-section-padding-y-lg: 120px;
  --hth-radius-card: 20px;
  --hth-radius-btn: 12px;
  --hth-radius-lg: 28px;
  --hth-radius-full: 9999px;
  --hth-shadow-card: 0 4px 24px rgba(126, 1, 53, 0.1);
}

/* Section-Padding global (wird in Sections überschrieben wo nötig) */
.hth-section {
  padding-top: var(--hth-section-padding-y);
  padding-bottom: var(--hth-section-padding-y);
}

@media (min-width: 1024px) {
  .hth-section {
    padding-top: var(--hth-section-padding-y-lg);
    padding-bottom: var(--hth-section-padding-y-lg);
  }
}