/* Семантические цвета — каждое значение указывает на палитру.
   Именование функциональное: для чего используется, так и называется.
   Переключение темы происходит здесь, а не в палитре. */

:root {
  color-scheme: light;

  --ids__text: var(--ids__color-gray-950);
  --ids__text-caption: var(--ids__color-gray-600);
  /* Green is the person, orange is the building. Links stay in the green
     (identity) family: hover deepens the same green rather than flipping to
     orange. Orange is reserved for the building/tool zones that set their own
     link+hover — Kirya Builds, Agent Skills. */
  --ids__link: var(--ids__color-green-500);
  --ids__hover: var(--ids__color-green-700);
  --ids__accent: var(--ids__color-green-500);
  --ids__code: var(--ids__color-gray-500);
  --ids__mark: var(--ids__color-yellow-500);
  --ids__surface: var(--ids__color-green-100);
  --ids__background: var(--ids__color-white);

  --ids__border: color-mix(in srgb, var(--ids__text) 20%, transparent);

  --ids__error: var(--ids__color-red-500);
  --ids__success: var(--ids__color-green-600);
}

.dark {
  color-scheme: dark;

  --ids__text: var(--ids__color-gray-200);
  --ids__text-caption: var(--ids__color-gray-400);
  --ids__link: var(--ids__color-green-450);
  --ids__hover: var(--ids__color-green-350);
  --ids__accent: var(--ids__color-green-450);
  --ids__code: var(--ids__color-gray-400);
  --ids__mark: var(--ids__color-yellow-500);
  --ids__surface: var(--ids__color-green-850);
  --ids__background: var(--ids__color-gray-900);

  --ids__error: var(--ids__color-red-450);
  --ids__success: var(--ids__color-green-450);
}

body {
  color: var(--ids__text);
  background-color: var(--ids__background);
}