/* =============================================================================
   FF IDEAL Design System — Colors and Type
   =============================================================================
   Базовые токены дизайн-системы: цвета, шрифты, тени, радиусы.
   Подключается до auth_landing.css и других файлов, использующих токены.
   Источник: ui_kits/marketing/index.html (FF IDEAL Design System).
   ========================================================================== */

:root {
  /* Принудительно light-схема: страница не имеет dark-стилей, иначе
     браузер с системной dark-темой перекрашивает input'ы в белый текст. */
  color-scheme: light;

  /* ===== Шрифты ===== */
  --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, monospace;

  /* ===== Brand (фирменный зелёный — соответствует client-app, не admin blue) ===== */
  --brand-primary: #1f9954;
  --brand-primary-dark: #176f3e;
  --brand-primary-soft: rgba(31, 153, 84, 0.16);
  --brand-primary-softer: rgba(31, 153, 84, 0.08);

  /* ===== Foreground (текст) ===== */
  --fg-1: #111827;       /* Основной */
  --fg-2: #4b5563;       /* Вторичный */
  --fg-3: #9ca3af;       /* Приглушённый / hint */

  /* ===== Backgrounds ===== */
  --bg-1: #ffffff;
  --bg-2: #f9fafb;       /* Серый фон секций */
  --bg-3: #f3f4f6;       /* Чуть темнее (контейнеры toggle) */

  /* ===== Borders ===== */
  --border: #e5e7eb;
  --border-hover: #d1d5db;
  --border-light: #f3f4f6;

  /* ===== Shadows ===== */
  --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);

  /* ===== Радиусы ===== */
  --radius-sm: 6px;
  --radius: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 20px;

  /* ===== Marketplace brand colors (точные брендовые) ===== */
  --mp-wb: #CB11AB;
  --mp-wb-soft: rgba(203, 17, 171, 0.10);

  --mp-ozon: #005BFF;
  --mp-ozon-soft: rgba(0, 91, 255, 0.10);

  --mp-yam: #FFCC00;
  --mp-yam-soft: rgba(255, 204, 0, 0.18);

  /* ===== Статусные цвета (success/error/warning/info) ===== */
  --color-success: #059669;
  --color-success-soft: rgba(5, 150, 105, 0.10);
  --color-error: #dc2626;
  --color-error-soft: rgba(220, 38, 38, 0.10);
  --color-warning: #d97706;
  --color-warning-soft: rgba(217, 119, 6, 0.12);
  --color-info: #2563eb;
  --color-info-soft: rgba(37, 99, 235, 0.10);
}

/* ===== Базовая типографика (опционально применяется к корневым элементам) ===== */
.ds-typography {
  font-family: var(--font-sans);
  color: var(--fg-1);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}