/* ============================================================
   Цвета «Биржи Труда». Светлая тема = :root, тёмная = [data-theme="dark"].
   ГЛАВНОЕ ПРАВИЛО: primary ≠ cta.
   Оранжевый — атмосфера/акценты/hero, НИКОГДА не кнопки действия.
   Зелёный — ТОЛЬКО кнопка целевого действия («куда жать»), одна на экран.
   ============================================================ */
:root {
  /* --- База --- */
  --color-primary: #FF6A00;      /* акценты, атмосфера, hero, активный таб */
  --color-primary-600: #E85D00;  /* нажатие primary-элементов */
  --color-primary-100: #FFE3CC;
  --color-primary-50: #FFF4EB;   /* оранжевая подложка (selected-чип, hero) */

  --color-cta: #00C853;          /* ТОЛЬКО кнопки целевого действия */
  --color-cta-600: #00A846;      /* нажатие cta */
  --color-cta-700: #00843B;      /* текст на зелёной подложке */
  --color-cta-50: #E9FAF0;       /* зелёная подложка (бейджи успеха) */

  --color-trust: #1E5FCC;        /* доверие: ссылки, фокус, легалка, статусы */
  --color-trust-600: #174FAE;
  --color-trust-50: #EBF1FB;

  --color-amber: #FFB300;        /* заливки: бейджи «горячее» (текст тёмный!) */
  --color-amber-50: #FFF7E0;
  --color-amber-text: #C77700;   /* числа дохода НА СВЕТЛОМ ФОНЕ (контраст 3.5:1) */

  --color-danger: #E5484D;
  --color-danger-50: #FDEDEE;
  --color-success: #00C853;

  --color-bg: #FFFFFF;           /* фон экрана */
  --color-surface: #F7F9FC;      /* карточки, секции, пузыри помощника */
  --color-border: #E2E8F2;
  --color-text: #14243D;
  --color-text-muted: #5B6B82;   /* вторичное, сноски, дисклеймеры */
  --color-text-inverse: #FFFFFF;

  /* --- Семантика --- */
  --surface-page: var(--color-bg);
  --surface-card: var(--color-bg);        /* карточка на секции surface */
  --surface-section: var(--color-surface);
  --text-body: var(--color-text);
  --text-muted: var(--color-text-muted);
  --text-income: var(--color-amber-text); /* якорь дохода */
  --link: var(--color-trust);
  --link-hover: var(--color-trust-600);
  --focus-ring: var(--color-trust);
  --overlay: rgba(20, 36, 61, 0.48);
  --disabled-bg: #E6EBF2;
  --disabled-text: #9AA7B8;
}

[data-theme="dark"] {
  --color-primary: #3D5AFE;
  --color-primary-600: #2A46E8;
  --color-primary-100: rgba(61, 90, 254, 0.28);
  --color-primary-50: rgba(61, 90, 254, 0.16);

  --color-cta: #22C55E;
  --color-cta-600: #16A34A;
  --color-cta-700: #4ADE80;
  --color-cta-50: rgba(34, 197, 94, 0.16);

  --color-trust: #60A5FA;
  --color-trust-600: #93C5FD;
  --color-trust-50: rgba(96, 165, 250, 0.16);

  --color-amber: #F59E0B;
  --color-amber-50: rgba(245, 158, 11, 0.16);
  --color-amber-text: #FBBF24;

  --color-danger: #F87171;
  --color-danger-50: rgba(248, 113, 113, 0.16);
  --color-success: #22C55E;

  --color-bg: #0F172A;
  --color-surface: #1E293B;
  --color-border: #31405A;
  --color-text: #F1F5F9;
  --color-text-muted: #9AA8BF;
  --color-text-inverse: #FFFFFF;

  --surface-card: var(--color-surface);
  --overlay: rgba(2, 6, 16, 0.6);
  --disabled-bg: #273349;
  --disabled-text: #64748B;
}