/* Общие цветовые токены LinkTest (светлая / тёмная тема) — подключаются и приложением, и страницами */
:root {
  --font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", "Segoe UI Variable Text", "Segoe UI", Inter, Roboto, "Helvetica Neue", Arial, sans-serif;
  --mono: ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, monospace;

  --bg: #f2f2f7;
  --bg-2: #ffffff;
  --bg-3: #f2f2f7;
  --glass: rgba(249, 249, 251, 0.78);
  --glass-strong: rgba(255, 255, 255, 0.9);
  --glass-border: rgba(255, 255, 255, 0.6);
  --card: #ffffff;
  --label: #1d1d1f;
  --label-2: rgba(60, 60, 67, 0.62);
  --label-3: rgba(60, 60, 67, 0.36);
  --sep: rgba(60, 60, 67, 0.16);
  --fill: rgba(118, 118, 128, 0.12);
  --fill-2: rgba(118, 118, 128, 0.2);
  --tint: #007aff;
  --tint-soft: rgba(0, 122, 255, 0.12);
  --green: #34c759;
  --orange: #ff9500;
  --red: #ff3b30;
  --purple: #af52de;
  --shadow: 0 10px 40px rgba(0, 0, 0, 0.12), 0 2px 8px rgba(0, 0, 0, 0.06);
  --shadow-sm: 0 2px 10px rgba(0, 0, 0, 0.1);

  --terrain-top: #c9a878;
  --terrain-bot: #e9dcc6;
  --terrain-line: #8f6a3d;
  --clutter: rgba(52, 199, 89, 0.4);
  --fresnel: rgba(0, 122, 255, 0.1);
  --los: #ff3b30;

  --r-lg: 22px;
  --r-md: 14px;
  --r-sm: 10px;
  --safe-b: env(safe-area-inset-bottom, 0px);
  --safe-t: env(safe-area-inset-top, 0px);
  color-scheme: light;
}

[data-theme="dark"] {
  --bg: #000;
  --bg-2: #1c1c1e;
  --bg-3: #2c2c2e;
  --glass: rgba(30, 30, 32, 0.74);
  --glass-strong: rgba(36, 36, 38, 0.92);
  --glass-border: rgba(255, 255, 255, 0.08);
  --card: #1c1c1e;
  --label: #f5f5f7;
  --label-2: rgba(235, 235, 245, 0.62);
  --label-3: rgba(235, 235, 245, 0.32);
  --sep: rgba(84, 84, 88, 0.55);
  --fill: rgba(118, 118, 128, 0.24);
  --fill-2: rgba(118, 118, 128, 0.34);
  --tint: #0a84ff;
  --tint-soft: rgba(10, 132, 255, 0.2);
  --green: #30d158;
  --orange: #ff9f0a;
  --red: #ff453a;
  --purple: #bf5af2;
  --shadow: 0 10px 40px rgba(0, 0, 0, 0.5), 0 2px 8px rgba(0, 0, 0, 0.3);
  --shadow-sm: 0 2px 10px rgba(0, 0, 0, 0.4);
  --terrain-top: #8a6e4b;
  --terrain-bot: #3a3026;
  --terrain-line: #c9a878;
  --clutter: rgba(48, 209, 88, 0.35);
  --fresnel: rgba(10, 132, 255, 0.16);
  --los: #ff453a;
  color-scheme: dark;
}