/* Mint theme — DEFAULT color scheme (SOFT PASTEL: mint-white, big rounded corners, gentle
   diffuse shadows, friendly mint-green accent). Surfaces + big radius + soft shadows are
   ALSO pinned in style.css :root so switching colour scheme only changes the ACCENT and
   keeps the soft rounded look. Only colours + tokens here.
   Developed by Bilal & the HQ Team. */
:root{
  /* ---- brand / accent (fresh mint) ---- */
  --c-primary:      #10b981;   /* mint green — buttons & links */
  --c-primary-dark: #059669;   /* hover */
  --c-primary-soft: rgba(16,185,129,.12);
  --c-on-primary:   #ffffff;

  /* ---- soft pastel surfaces + text ---- */
  --c-header:   #ffffff;
  --c-bg:       #eefaf4;        /* very soft mint-white */
  --c-card:     #ffffff;
  --c-input:    #f5fbf8;
  --c-text:     #163a2f;        /* deep green-ink */
  --c-muted:    #6b8a7f;        /* muted sage */
  --c-border:   #d7ede3;        /* soft mint border */
  --c-active:   #e7f6ef;
  --c-shadow:   rgba(16,120,90,.14);
  --c-overlay:  rgba(20,50,40,.34);
  --c-radius:   18px;           /* big & friendly */

  /* ---- status (dark, readable text on the soft tinted bgs — the bright versions
         were too light to read as text on their own light banner backgrounds) ---- */
  --c-success:  #0f6b3f;  --c-success-bg:  #daf6ec;  --c-success-border:  #a7e8cf;
  --c-danger:   #b42318;  --c-danger-bg:   #fde3e3;  --c-danger-border:   #f6b9b9;
  --c-warning:  #8a6d00;  --c-warning-bg:  #fdefd3;  --c-warning-border:  #f6d99a;
  --c-info:     #0a6aa3;  --c-info-bg:     #dbf1fd;  --c-info-border:     #a9ddf6;
  --c-neutral:  #45605a;  --c-neutral-bg:  #e7efeb;
  --c-announce: #0f6b3f;  --c-announce-bg: #daf6ec;

  /* ---- misc ---- */
  --c-star:       #f5b301;
  --c-wheel-line: #ffffff;

  /* ==== Mint tokens — soft gradient, gentle shadows, pastels (read by style.css) ==== */
  --c-primary-2:  #34d399;
  --c-grad:       linear-gradient(135deg, #10b981 0%, #34d399 100%);
  --c-grad-soft:  rgba(16,185,129,.08);
  --c-ring:       rgba(16,185,129,.26);
  --c-shadow-sm:  0 2px 10px rgba(16,120,90,.08);
  --c-shadow-md:  0 12px 32px rgba(16,120,90,.12);
  --c-shadow-lg:  0 24px 56px rgba(16,120,90,.16);
  --r-sm: 14px;
  --r-lg: 24px;

  /* soft pastel tints for the landing feature cards */
  --mt-mint:   #e7f8f0;  --mt-mint-ico:   #10b981;
  --mt-sky:    #e4f3fd;  --mt-sky-ico:    #0ea5e9;
  --mt-peach:  #fdeee4;  --mt-peach-ico:  #fb923c;
  --mt-lilac:  #eee9fb;  --mt-lilac-ico:  #8b7cf6;
}