/* ─────────────────────────────────────────────────────────────
   Natur Agro Hungária — Color tokens
   Source of truth: live site app/globals.css (:root)
   ───────────────────────────────────────────────────────────── */
:root {
  /* ── Brand greens (the dominant family; use max 4 shades at once) ── */
  --green-primary: #337648;  /* primary brand, emphasis, icon accent, focus */
  --green-deep:    #1a4d1a;  /* dark section bg, footer, eyebrow text */
  --green-medium:  #2d5016;  /* section hover, dark card */
  --green-header:  #165d32;  /* sticky header surface (rgba 22,93,50) */
  --green-soft:    #7FAF5A;  /* secondary icon, badge */
  --green-light:   #b5efaa;  /* light green accent text on dark */

  /* ── Accent — orange. EMPHASIS ONLY (CTA, AÖP badge, highlight) ── */
  --accent-orange: #faba23;
  --accent-orange-hover: #e8a91e;

  /* ── Neutrals ── */
  --black:     #0e0e0e;  /* default text */
  --white:     #ffffff;  /* background, light text on dark */
  --bg-soft:   #f6f8f6;  /* light section background */
  --bg-soft-2: #f2f4f2;  /* alternate light surface */
  --gray-line: #e5e5e5;  /* dividers, borders */
  --gray-text: #6b6b6b;  /* secondary text */

  /* ── Semantic / alerts ── */
  --red-alert: #b02525;  /* Natur Nova chip, warning — always red, never blue */
  --red-deep:  #8b1a1a;  /* AÖP badge / deep red accent */

  /* ─────────────── Semantic aliases ─────────────── */
  --text-body:    var(--black);
  --text-muted:   var(--gray-text);
  --text-invert:  var(--white);
  --text-eyebrow: var(--green-deep);

  --surface:        var(--white);
  --surface-soft:   var(--bg-soft);
  --surface-soft-2: var(--bg-soft-2);
  --surface-dark:   var(--green-deep);
  --surface-header: var(--green-header);

  --border:        var(--gray-line);
  --focus-ring:    var(--green-primary);

  --cta:           var(--accent-orange);
  --cta-hover:     var(--accent-orange-hover);
  --cta-text:      var(--black);
  --cta-secondary: var(--green-primary);
}