/* ELKI.KZ — Color tokens
   Extracted from "Елки Презентация и КП на 2026.fig" (approved palette). */

:root {
  /* ---- Base palette ------------------------------------------------------ */
  /* Brand green — the single signature color. rgb(0,169,128) */
  --green-900: #00604a;   /* deep — text on light, pressed states */
  --green-800: #00876a;   /* hover / darker fill */
  --green-700: #00a980;   /* ★ BRAND GREEN — primary */
  --green-600: #1fb592;   /* slightly lit */
  --green-500: #4cc4a8;   /* tint ladder */
  --green-400: #79d3bf;   /* tint ladder */
  --green-300: #a7e2d6;   /* tint ladder */
  --green-200: #d0f0e8;   /* soft surface */
  --green-100: #e8f7f3;   /* faintest wash */

  /* Neutrals — warm-leaning, paper to ink */
  --paper:     #eeecea;   /* ★ off-white surface. rgb(238,236,234) */
  --paper-dim: #e4e1de;   /* paper, one step down */
  --white:     #ffffff;
  --line:      #d2d2d2;   /* hairline divider / border. rgb(210,210,210) */
  --line-soft: #e2e0de;   /* divider on paper */
  --gray-600:  #757575;
  --gray-700:  #454545;   /* muted ink. rgb(69,69,69) */
  --ink:       #000000;   /* ★ text + dark КП surface */

  /* Warm accents — used sparingly (tree lights, earth) */
  --gold:      #f8b400;   /* rgb(248,180,0) — warm light accent */
  --brown:     #483727;   /* rgb(72,55,39) — earthy accent */

  /* ---- Semantic aliases -------------------------------------------------- */
  /* Surfaces */
  --bg-page:        var(--paper);   /* default light canvas */
  --bg-brand:       var(--green-700); /* green hero / section breaks */
  --bg-ink:         var(--ink);     /* dark КП / product backdrop */
  --surface-card:   var(--white);
  --surface-sunken: var(--paper-dim);

  /* Text */
  --text-strong:   var(--ink);      /* headings & body on light */
  --text-body:     #1a1a1a;
  --text-muted:    var(--gray-700);
  --text-brand:    var(--green-700); /* green labels / emphasis */
  --text-on-brand: var(--paper);    /* off-white text on green */
  --text-on-ink:   var(--white);    /* text on black */
  --text-faint-on-brand: rgba(238,236,234,0.65);

  /* Lines & borders */
  --border-subtle: var(--line);
  --border-on-brand: rgba(238,236,234,0.6);
  --border-strong: var(--ink);

  /* Functional */
  --price:        var(--green-700); /* КП price figures */
  --focus-ring:   var(--green-700);
}