/* ЦВЕТ — «Актуальный сервис»
   Ядро палитры снято пипеткой с логотипа, который владелец сам выложил
   в карточку организации (assets/logo-owner-photo.jpg, помечен owner_photo):
   оранжевый #FF600F на кремовом #FFF9F1. Это плоская векторная заливка,
   поэтому значения точные, а не усреднённые по фотографии. */
:root {
  /* --- Базовые: оранжевый (ядро бренда) --- */
  --orange-50: #fff2ea;
  --orange-100: #ffe0d0;
  --orange-200: #ffc0a3;
  --orange-300: #ff9d71;
  --orange-400: #ff7e42;
  --orange-500: #ff600f;
  --orange-600: #e04f06;
  --orange-700: #b83f05;
  --orange-800: #8c3006;
  --orange-900: #5c2005;

  /* Оранжевый витринных плашек на торговой площадке (#EC6702).
     Другой рендер того же цвета — только для витринных креативов. */
  --orange-market: #ec6702;

  /* --- Базовые: тёплые нейтральные («песок») --- */
  --sand-50: #fff9f1;
  --sand-100: #f9f1e7;
  --sand-200: #eee3d5;
  --sand-300: #dbcdbb;
  --sand-400: #b5a794;
  --sand-500: #8b7f6f;
  --sand-600: #695e53;
  --sand-700: #4a423a;
  --sand-800: #2e2925;
  --sand-900: #1f1b18;

  /* Холодный серый — фон предметной съёмки на витрине */
  --photo-bg: #f5f5f5;

  /* --- Базовые: смысловые --- */
  --green-500: #2f8f5b;
  --green-50: #eaf6ef;
  --amber-500: #e0a021;
  --amber-50: #fdf4e2;
  --red-500: #c8362b;
  --red-50: #fbebe9;
  --blue-500: #2f6fbf;
  --blue-50: #eaf1fb;

  /* Акценты предметных props (помпоны на витринных фото).
     Только для изображений, не для интерфейса. */
  --prop-teal: #5090a0;
  --prop-blue: #2a64b4;
  --prop-yellow: #f0c030;
  --prop-purple: #704090;
  --prop-orange: #f07000;

  /* ================= СМЫСЛОВЫЕ АЛИАСЫ ================= */

  /* Поверхности */
  --surface-page: #ffffff;
  --surface-warm: var(--sand-50);
  --surface-card: #ffffff;
  --surface-sunken: var(--sand-100);
  --surface-inverse: var(--sand-900);
  --surface-brand: var(--orange-500);
  --surface-brand-soft: var(--orange-50);
  --surface-media: var(--photo-bg);
  --surface-overlay: rgba(31, 27, 24, 0.62);

  /* Текст.
     ВАЖНО: --text-brand — это orange-700, а не orange-500.
     Фирменный #FF600F на белом даёт контраст 3.0:1 и не годится под текст;
     700 даёт 5.6:1. Заливкой фирменный оранжевый используется свободно,
     текстом — только через --text-brand. */
  --text-strong: var(--sand-900);
  --text-body: #35302b;
  --text-muted: var(--sand-500);
  --text-inverse: var(--sand-50);
  --text-brand: var(--orange-700);
  --text-on-brand: #ffffff;
  --text-link: var(--orange-700);
  --text-link-hover: var(--orange-800);

  /* Границы */
  --border-subtle: var(--sand-200);
  --border-default: var(--sand-300);
  --border-strong: var(--sand-400);
  --border-brand: var(--orange-500);
  --border-inverse: rgba(255, 249, 241, 0.22);

  /* Действия */
  --action-primary-bg: var(--orange-500);
  --action-primary-bg-hover: var(--orange-600);
  --action-primary-bg-active: var(--orange-700);
  --action-primary-fg: #ffffff;
  --action-secondary-bg: var(--sand-900);
  --action-secondary-bg-hover: #2e2925;
  --action-secondary-fg: var(--sand-50);
  --action-ghost-fg: var(--sand-900);
  --action-ghost-bg-hover: var(--sand-100);
  --action-disabled-bg: var(--sand-200);
  --action-disabled-fg: var(--sand-400);

  /* Фокус */
  --focus-ring: 0 0 0 3px rgba(255, 96, 15, 0.34);

  /* Статусы */
  --status-ok-fg: #1f6b41;
  --status-ok-bg: var(--green-50);
  --status-warn-fg: #8a5d05;
  --status-warn-bg: var(--amber-50);
  --status-error-fg: #9a271e;
  --status-error-bg: var(--red-50);
  --status-info-fg: #1f4f8f;
  --status-info-bg: var(--blue-50);
}