/* Cafina — Color tokens
   Brand is built on one confident grass-green over warm-neutral whites,
   with a coral-red reserved strictly for sale / discount signalling. */

:root {
  /* ---- Brand: Cafina green ---- */
  --green-50:  #eef9e6;
  --green-100: #d8f0c5;
  --green-200: #b4e291;
  --green-300: #8ed35c;
  --green-400: #6bc834;
  --green-500: #4cbb16;   /* PRIMARY — buttons, links, active state */
  --green-600: #3da00f;   /* hover / pressed */
  --green-700: #2f7d0c;
  --green-800: #245f0a;

  /* ---- Deep forest (logo mark, packaging, footer) ---- */
  --forest-700: #2a4d22;
  --forest-800: #1f3d1a;   /* footer / dark sections */
  --forest-900: #14290f;

  /* ---- Sale / discount accent (use sparingly) ---- */
  --red-400: #f17a68;
  --red-500: #ee5641;      /* discount badge */
  --red-600: #d63f2b;

  /* ---- Warm coffee tones (imagery captions, secondary accents) ---- */
  --coffee-300: #c9a98a;
  --coffee-500: #8a5a32;
  --coffee-700: #5a3a1e;

  /* ---- Neutrals (warm-leaning grays) ---- */
  --white:    #ffffff;
  --neutral-50:  #f7f8f5;
  --neutral-100: #f0f1ee;
  --neutral-200: #e6e7e3;
  --neutral-300: #d6d8d2;
  --neutral-400: #b4b7af;
  --neutral-500: #8b8e86;
  --neutral-600: #6a6d65;
  --neutral-700: #4a4d46;
  --neutral-800: #2f312c;
  --neutral-900: #1c1d1a;

  /* ---- Semantic aliases ---- */
  --color-primary:        var(--green-500);
  --color-primary-hover:  var(--green-600);
  --color-primary-soft:   var(--green-50);
  --color-accent-sale:    var(--red-500);

  --text-strong:  var(--neutral-900);
  --text-body:    var(--neutral-700);
  --text-muted:   var(--neutral-500);
  --text-inverse: var(--white);
  --text-price:   var(--neutral-900);

  --surface-page:   var(--white);
  --surface-card:   var(--white);
  --surface-subtle: var(--neutral-50);
  --surface-dark:   var(--forest-800);

  --border-soft:   var(--neutral-200);
  --border-strong: var(--neutral-300);

  --link:        var(--green-600);
  --link-hover:  var(--green-700);
  --focus-ring:  var(--green-500);
}