/* ============================================================
   Green Line — Design Tokens · "Luxury Agro-Tech" (Light)
   Светлая премиальная палитра: природный earth-green + harvest-gold.
   Стиль Organic Biophilic — чистый светлый фон, живые зелёные
   акценты, мягкие натуральные тени. WCAG AA.
   ============================================================ */

:root {
  /* ---- Surfaces (светлая база) ---- */
  --bg-primary:   #f4fbf6;   /* фон страницы — почти белый с зелёным дыханием */
  --bg-secondary: #ffffff;   /* карточки, панели */
  --bg-tertiary:  #ecfaf0;   /* ховеры, выделения, чётные строки */
  --bg-elevated:  #ffffff;   /* поднятые поверхности (модалки, dropdown) */

  /* ---- Accents ---- */
  --accent-primary:   #16a34a;  /* живой зелёный — заливки, бары, active */
  --accent-secondary: #15803d;  /* глубокий зелёный — ЧИТАЕМЫЙ текст/ссылки */
  --accent-deep:      #166534;  /* тёмный зелёный — концы градиентов */
  --accent-gold:      #ca8a04;  /* harvest gold — VIP, важные метрики, CTA */
  --accent-gold-deep: #b45309;

  /* ---- Text (тёмно-зелёный спектр на светлом) ---- */
  --text-primary:   #122a1e;   /* почти чёрный с зелёным оттенком */
  --text-secondary: #4b5e55;   /* приглушённый зелёно-серый */
  --text-muted:     #8a9a91;   /* совсем тихий */

  /* ---- On-accent (текст поверх сплошных акцентов) ---- */
  --on-green: #eafbf0;         /* светлый текст на тёмно-зелёных поверхностях */
  --on-gold:  #1a1205;         /* тёмный текст на золотых/янтарных поверхностях */

  /* ---- Lines & semantic ---- */
  --border:        #dbe9e0;          /* тонкие бордеры */
  --border-soft:   rgba(20,83,45,.08);
  --danger:        #dc2626;          /* заливки/точки */
  --danger-soft:   #b91c1c;          /* читаемый красный текст */
  --warning:       #ca8a04;
  --success:       #16a34a;
  --info:          #0891b2;

  /* ---- Glass / overlays ---- */
  --glass:        rgba(255, 255, 255, 0.72);
  --glass-strong: rgba(255, 255, 255, 0.88);
  --scrim:        rgba(15, 30, 22, 0.35);

  /* ---- Tints (translucent — читаемы на светлом с тёмным текстом) ---- */
  --tint-green:  rgba(22, 163, 74, .12);
  --tint-gold:   rgba(202, 138, 4, .14);
  --tint-red:    rgba(220, 38, 38, .10);
  --tint-blue:   rgba(8, 145, 178, .10);
  --tint-violet: rgba(124, 58, 237, .10);

  /* ---- Hue text colours (насыщенно-тёмные — для пилюль/бейджей) ---- */
  --c-green:  #15803d;
  --c-gold:   #b45309;
  --c-red:    #b91c1c;
  --c-blue:   #0369a1;
  --c-violet: #6d28d9;
  --c-teal:   #0f766e;
  --c-gray:   #475569;

  /* ---- Radius (Organic Biophilic — мягкие скругления) ---- */
  --radius:    16px;
  --radius-lg: 22px;
  --radius-sm: 11px;
  --radius-pill: 999px;

  /* ---- Shadows (мягкие, натуральные, с лёгким зелёным оттенком) ---- */
  --shadow:       0 1px 2px rgba(16,40,28,.04), 0 8px 24px rgba(16,40,28,.06);
  --shadow-hover: 0 14px 40px rgba(22,163,74,.14), 0 4px 14px rgba(16,40,28,.08);
  --shadow-glow:  0 0 0 1px rgba(22,163,74,.22), 0 0 24px rgba(22,163,74,.12);
  --shadow-inset: inset 0 1px 0 rgba(255,255,255,.65);

  /* ---- Fonts ---- */
  --font-display: "Clash Display", "General Sans", "Plus Jakarta Sans", sans-serif;
  --font-body:    "General Sans", "Plus Jakarta Sans", system-ui, sans-serif;

  /* ---- Motion (сдержанно и плавно) ---- */
  --ease: cubic-bezier(.22,.61,.36,1);
  --dur:  .3s;

  /* ============================================================
     Обратная совместимость со старыми шаблонами.
     Inline-стили ссылаются на эти переменные — переопределяем
     под светлую тему, чтобы ничего не сломалось.
     ============================================================ */
  --green:       var(--accent-primary);
  --green-from:  var(--accent-deep);
  --green-to:    #34d399;
  --green-dark:  var(--accent-secondary);  /* тёмно-зелёный — для текста на светлом */
  --orange:      var(--accent-gold);
  --orange-dark: var(--accent-gold-deep);
  --yellow:      #ca8a04;
  --danger-dark: var(--danger-soft);

  --bg:    var(--bg-primary);
  --card:  var(--bg-secondary);
  --line:  var(--border);
  --text:  var(--text-primary);
  --muted: var(--text-secondary);

  --green-tint:  var(--tint-green);
  --orange-tint: var(--tint-gold);
  --danger-tint: var(--tint-red);
}