/* KIWI Group — Colors
   Warm olive neutrals + one kiwi-green accent.
   The neutrals carry the same warm olive shift as the logo's olive-black —
   pure white/grey would make the logo look "dirty". The olive tint is intentional. */

:root {
  /* ---- Base palette ---- */
  --kiwi-base:       #FAF9F5; /* light background, cards */
  --kiwi-sand:       #E8E5DB; /* alternating sections, muted planes */
  --kiwi-ink:        #17170F; /* primary text, logo on light */
  --kiwi-warm-gray:  #565651; /* secondary text, captions */
  --kiwi-deep-olive: #1A2412; /* dark sections (hero / contact) */
  --kiwi-green:      #7CCF00; /* accent — CTA, icons, active nav, stat numerals */

  /* ---- Green tints/shades (hover + glow only; never text on light) ---- */
  --kiwi-green-hover: #6FBA00; /* button hover — darkened green */
  --kiwi-green-glow:  rgba(124, 207, 0, 0.28); /* radial glow on dark sections */

  /* ---- Olive-tinted alpha ink (borders, hairlines, overlays) ---- */
  --ink-a-08: rgba(23, 23, 15, 0.08);
  --ink-a-12: rgba(23, 23, 15, 0.12);
  --ink-a-20: rgba(23, 23, 15, 0.20);
  --ink-a-60: rgba(23, 23, 15, 0.60);

  /* ---- On-dark alpha (light text/hairlines over deep olive) ---- */
  --on-dark-a-10: rgba(250, 249, 245, 0.10);
  --on-dark-a-18: rgba(250, 249, 245, 0.18);
  --on-dark-a-70: rgba(250, 249, 245, 0.70);

  /* ---- Semantic aliases ---- */
  --surface-base:   var(--kiwi-base);
  --surface-sand:   var(--kiwi-sand);
  --surface-dark:   var(--kiwi-deep-olive);
  --surface-card:   var(--kiwi-base);

  --text-primary:      var(--kiwi-ink);      /* body/headings on light */
  --text-secondary:    var(--kiwi-warm-gray);/* captions, labels */
  --text-on-dark:      var(--kiwi-base);      /* body on deep olive (16:1) */
  --text-on-dark-dim:  var(--on-dark-a-70);
  --text-green-on-dark: var(--kiwi-green);    /* green AS TEXT — only on deep olive (8.26:1) */

  --accent:            var(--kiwi-green);
  --accent-hover:      var(--kiwi-green-hover);

  --border-subtle:     var(--ink-a-12);       /* card borders, hairlines on light */
  --border-strong:     var(--ink-a-20);
  --border-on-dark:    var(--on-dark-a-18);

  --focus-ring:        var(--kiwi-green);

  /* ---- Button semantics ---- */
  --btn-primary-bg:    var(--kiwi-green);
  --btn-primary-fg:    var(--kiwi-ink);       /* dark text on green — NEVER white */
  --btn-primary-bg-hover: var(--kiwi-green-hover);
}