/* ============================================================
   Земледел — дизайн-токены
   Значения сняты с макетов design-example/.
   При появлении исходников Figma заменить на точные.
   Переносятся в Tailwind theme.extend без изменения имён.
   ============================================================ */

:root {
  /* --- Поверхности --- */
  --bg:                #ECECEA;
  --surface:           #FFFFFF;
  --surface-muted:     #F5F5F3;
  --surface-sunken:    #EFEFED;
  --surface-selected:  #E8F3EC;
  --rail:              #1E3A2F;
  --rail-deep:         #162C23;
  --overlay-scrim:     rgba(22, 44, 35, .55);

  /* --- Текст --- */
  --text:              #1A1A1A;
  --text-secondary:    #8A8A8A;
  --text-tertiary:     #B4B4B0;
  --on-dark:           #FFFFFF;
  --on-dark-muted:     rgba(255, 255, 255, .62);
  --on-dark-faint:     rgba(255, 255, 255, .34);

  /* --- Акценты --- */
  --primary:           #1E5C3C;
  --primary-hover:     #17492F;
  --primary-soft:      #D6E8DC;
  --primary-tint:      #EFF6F1;
  --accent:            #E9A825;
  --accent-soft:       #FBF0D6;
  --success:           #2E9E5B;
  --success-soft:      #E4F3EA;
  --danger:            #C0334D;
  --danger-soft:       #FBE6EA;
  --warning:           #E8743B;
  --warning-soft:      #FDEDE4;
  --info:              #7B5BD6;
  --info-soft:         #EEEAFA;

  /* --- Категории затрат (донат техкарты, фиксированы) --- */
  --cost-labor:        #F4A0A0;
  --cost-fuel:         #F58A4B;
  --cost-rent:         #F5C24B;
  --cost-seed:         #2F80ED;
  --cost-fert:         #A8CE3A;
  --cost-ppp:          #A9B8F0;

  /* --- Цвета культур (справочник культур, реквизит «Цвет») ---
     Категориальная палитра: порядок слотов и есть механизм различимости,
     менять его нельзя. Набор проверен на дальтонизм (протан/дейтан/тритан),
     худшая соседняя пара ΔE 9,1 при пороге 8; нормальное зрение — 19,6 при
     пороге 15. Три первых слота различимы и во всех парах сразу — их отдаём
     самым частым культурам. Цвет всегда идёт с подписью культуры:
     аква, жёлтый и маджента не добирают 3:1 к светлому фону. */
  --crop-1-wheat:      #2A78D6;  /* Пшеница озимая     */
  --crop-2-sunflower:  #EB6834;  /* Подсолнечник       */
  --crop-3-corn:       #1BAF7A;  /* Кукуруза           */
  --crop-4-rapeseed:   #EDA100;  /* Рапс озимый        */
  --crop-5-beet:       #E87BA4;  /* Сахарная свёкла    */
  --crop-6-soy:        #008300;  /* Соя                */
  --crop-7-barley:     #4A3AA7;  /* Ячмень озимый      */
  --crop-8-pea:        #E34948;  /* Горох              */
  --crop-fallow:       #B4B4B0;  /* Пар                */

  /* --- Шкала NDVI --- */
  --ndvi-0:            #FFFFFF;
  --ndvi-1:            #C9A227;
  --ndvi-2:            #E8E12A;
  --ndvi-3:            #B6D63A;
  --ndvi-4:            #7FBF3F;
  --ndvi-5:            #58A73B;
  --ndvi-6:            #2E8B3D;
  --ndvi-7:            #14652C;

  /* --- Границы --- */
  --border:            #E4E4E0;
  --border-strong:     #D2D2CD;
  --border-dark:       rgba(255, 255, 255, .14);

  /* --- Геометрия --- */
  --radius-card:       20px;
  --radius-block:      14px;
  --radius-chip:       10px;
  --radius-pill:       999px;
  --rail-width:        110px;
  --rail-radius:       28px;
  --rail-inset:        12px;
  --page-padding:      32px;
  --gap:               20px;
  --gap-row:           12px;

  /* --- Тени (используются скупо) --- */
  --shadow-float:      0 12px 32px rgba(22, 44, 35, .18);
  --shadow-panel:      0 4px 16px rgba(22, 44, 35, .10);

  /* --- Типографика --- */
  --font: "Golos Text", "Segoe UI", system-ui, -apple-system, sans-serif;

  --fs-page-title:     32px;
  --fs-card-title:     22px;
  --fs-block-title:    18px;
  --fs-figure:         30px;
  --fs-body:           15px;
  --fs-small:          13px;
  --fs-micro:          11px;

  --lh-tight:          1.15;
  --lh-normal:         1.45;


  /* --- Аватарки и категории контрагентов ---
     Категориальный набор для инициалов организаций, поставщиков и клиентов.
     Белый текст на плашке: контраст 4,84–6,26:1 при пороге 4,5. Цвет служит
     опознавательным знаком рядом с названием, сам по себе смысла не несёт. */
  --avatar-1:          #2C6E4A;
  --avatar-2:          #2E6E8E;
  --avatar-3:          #7A4E9E;
  --avatar-4:          #8A6D2F;
  --avatar-5:          #B05A2A;
  --avatar-6:          #8E4A6E;

  /* --- Текст на мягких подложках статусов (контраст к своей заливке ≥ 4,5:1) --- */
  --on-success-soft:   #1B7A42;  /* 4,68:1 на --success-soft */
  --on-warning-soft:   #B44E29;  /* 4,53:1 на --warning-soft */
  --on-accent-soft:    #916516;  /* 4,55:1 на --accent-soft  */
  --on-danger-soft:    #8E2338;
  --on-info-soft:      #4A3596;

  --ndvi-soft:         #E8F0D6;
  --on-ndvi-soft:      #55701C;  /* 4,80:1 на --ndvi-soft */
  --accent-hover:      #D89A1E;

  /* --- Состояния поверхностей --- */
  --surface-hover:     #F0F0EE;
  --primary-soft-hover:#C6DFCF;

  /* --- Акценты на тёмном: панели поверх карты, ленты ФГИС --- */
  --map-panel:         #2A3A2A;
  --success-on-dark:   #9FD6B4;
  --danger-on-dark:    #F0A5A5;
  --neutral-on-dark:   #C9DED1;

  /* --- Тёмные подложки промо-экранов (лендинг, приглашение, регистрация) --- */
  --dark-deep:         #16241C;
  --dark-1:            #24402F;
  --dark-2:            #2B4A38;
  --dark-3:            #33553F;
  --dark-muted:        #7FA98F;
  --shop-1:            #2C5A42;
  --shop-2:            #3A6E50;

  /* --- Тинты поля в ленте обходов и календаре --- */
  --field-tint-1:      #DDE7D4;
  --field-tint-2:      #D6E2CD;
  --field-tint-3:      #E2E8D8;

  /* --- Воронка продаж: последовательная шкала стадий ---
     Начиная с --funnel-4 белый текст не проходит 4,5:1 (3,83 и ниже),
     поэтому подпись на светлых стадиях переключается на --text. */
  --funnel-1:          #1E5C3C;
  --funnel-2:          #2C6E4A;
  --funnel-3:          #3A7F58;
  --funnel-4:          #4A9068;
  --funnel-5:          #5AA178;
  --funnel-6:          #6AB288;
  --funnel-7:          #7AC398;


  /* --- Мобильное приложение агронома ---
     Отдельная шкала: экран 360–430 px, палец вместо курсора, пользователь
     часто в возрасте и в перчатках. Кегль крупнее десктопного на 2 px,
     цель нажатия не меньше --m-tap. Цвета те же, своих у мобильного нет. */
  --m-width:         390px;  /* базовая ширина макета телефона          */
  --m-radius-device: 38px;   /* скругление корпуса на десктопном стенде */
  --m-radius-card:   18px;
  --m-radius-block:  14px;
  --m-pad:           16px;   /* поле экрана слева и справа              */
  --m-gap:           12px;
  --m-tap:           56px;   /* минимальная высота цели нажатия         */
  --m-fs-figure:     34px;
  --m-fs-title:      22px;
  --m-fs-lead:       19px;
  --m-fs-body:       17px;
  --m-fs-small:      14px;
  --m-fs-micro:      12px;

  /* --- Прочее --- */

  --transition:        .18s cubic-bezier(.4, 0, .2, 1);
  --header-height:     72px;
}

/* Те же восемь тонов, отшагованные под тёмную подложку карты и рейла.
   Не автоматическая инверсия: набор проверен отдельно против тёмной
   поверхности (худшая соседняя пара ΔE 8,4 при пороге 8, контраст ≥ 3:1). */
.map-shell, .rail, .m-map {
  --crop-1-wheat:      #3987E5;
  --crop-2-sunflower:  #D95926;
  --crop-3-corn:       #199E70;
  --crop-4-rapeseed:   #C98500;
  --crop-5-beet:       #D55181;
  --crop-6-soy:        #008300;
  --crop-7-barley:     #9085E9;
  --crop-8-pea:        #E66767;
  --crop-fallow:       #8E8E8A;
}

/* Плотный режим для учётных таблиц: включается классом .is-dense на .page */
.is-dense {
  --gap:            12px;
  --gap-row:        6px;
  --page-padding:   24px;
  --fs-body:        14px;
  --radius-block:   10px;
}