/* Kiiwis brand tokens — one source for the app, the business panel and the site.
   Change a brand color here and every surface follows. Loaded first in each page;
   every use also carries its own fallback (var(--k-green, #23812e)), so a page still
   looks right if this file doesn't load.

   Two dark-mode switches exist: the app and the marketing pages put .dark-mode on
   <html>; the panel and the reset page set data-theme="dark". Both are covered.

   Roles:
   --k-green        fills: buttons, selected chips, borders around them (same in dark)
   --k-green-hover  a fill when hovered or pressed
   --k-green-ink    green text and icons (lighter in dark so it reads on dark grounds)
   --k-green-text   dark green text on a soft green ground (lighter in dark)
   --k-green-soft   soft green ground behind that text */
:root {
  --k-green:       #23812e;
  --k-green-hover: #1e6a27;
  --k-green-ink:   #23812e;
  --k-green-text:  #1e6a27;
  --k-green-soft:  #ecfbe9;
  --k-amber:       #b45309;   /* ideas Kiiwis suggests */
  --k-amber-soft:  #fef3c7;
  --k-heart:       #dc2626;   /* favorites */
  --k-font:        'Plus Jakarta Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --k-radius-card: 20px;
  --k-radius-btn:  12px;
  /* Type scale (panel): eyebrow 12/700 caps, meta 13/500, body 14/400, buttons 15/600–700,
     row titles 16/700, card titles 18/700, numbers and greeting 800 (bigger on desktop). */
  --k-fs-eyebrow:  12px;
  --k-fs-meta:     13px;
  --k-fs-body:     14px;
  --k-fs-btn:      15px;
  --k-fs-row:      16px;
  --k-fs-card:     18px;
  --k-fs-num:      28px;
  --k-fs-hello:    24px;
}
@media (min-width: 769px) {
  :root { --k-fs-num: 34px; --k-fs-hello: 30px; }
}
html.dark-mode,
:root[data-theme="dark"] {
  --k-green-ink:   #7ed321;
  --k-green-text:  #b2e976;
  --k-green-soft:  rgba(124, 187, 16, .12);
  --k-amber:       #fbbf24;
  --k-amber-soft:  rgba(251, 191, 36, .14);
  --k-heart:       #f87171;
}