/* ТРОПЫ КАВКАЗА — design tokens
   Source: examples/kavkaz/design-system (extends user-web kavkazTheme).
   How to apply: INSTRUCTION.md. Prefix: --kvk-* */

:root {
  /* Surfaces — cool mist, white cards (unlike Saki cream) */
  --kvk-mist: #e6ebef;
  --kvk-mist-2: #d8e0e7;
  --kvk-stone: #f7f5f2;
  --kvk-card: #ffffff;
  --kvk-card-2: #f0f3f6;
  --kvk-ghost: #d5dde5;
  --kvk-ghost-hover: #c5cfda;
  --kvk-warm: #e8ebe8;
  --kvk-fir-tint: #e2ebe0;
  --kvk-slate-tint: #e4eaef;
  --kvk-slate-surface: #eef2f5;
  --kvk-map-stage: #dfe6ec;

  /* Ink */
  --kvk-ink: #243038;
  --kvk-ink-body: #3a4650;
  --kvk-ink-soft: #5c6a74;
  --kvk-ink-mute: #8a97a2;
  --kvk-on-slate: #ffffff;
  --kvk-on-fir: #ffffff;

  /* Line */
  --kvk-line: #cdd5dc;
  --kvk-line-hover: #b4c0ca;
  --kvk-line-sort: #b8c4ce;

  /* Brand / action — slate primary, fir secondary */
  --kvk-slate: #3d4f5f;
  --kvk-slate-2: #2c3a46;
  --kvk-slate-light: #5a6f80;
  --kvk-fir: #4a6741;
  --kvk-fir-2: #3a5334;
  --kvk-fir-deep: #2f422a;

  /* Accents — copper = elevation, water = lake/springs (from logo) */
  --kvk-copper: #b07a45;
  --kvk-copper-soft: #c99562;
  --kvk-water: #88c4ce;
  --kvk-water-deep: #5a9aa5;

  /* Semantic — difficulty (backend enum) */
  --kvk-diff-easy: #4a6741;
  --kvk-diff-medium: #b07a45;
  --kvk-diff-hard: #c45c3e;
  --kvk-diff-pro: #3d4f5f;

  /* Semantic — medical note (cool, not terracotta) */
  --kvk-note: #e8eef2;
  --kvk-note-line: #c5d0d9;
  --kvk-note-ink: #3d4f5f;
  --kvk-note-strong: #2c3a46;

  /* Live location */
  --kvk-here: #2f7bd6;

  /* Glass */
  --kvk-glass: rgba(230, 235, 239, 0.88);
  --kvk-glass-solid: rgba(230, 235, 239, 0.94);
  --kvk-glass-chip: rgba(247, 245, 242, 0.78);
  --kvk-glass-stroke: rgba(255, 255, 255, 0.55);

  /* Elevation — cool slate shadow, never warm brown */
  --kvk-shadow: 0 10px 28px rgba(36, 48, 56, 0.12);
  --kvk-shadow-sm: 0 4px 14px rgba(36, 48, 56, 0.08);
  --kvk-shadow-lg: 0 18px 38px rgba(36, 48, 56, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.5);
  --kvk-press: 0 3px 0 var(--kvk-slate-2);

  /* Radius — stricter than Saki (14/18/26) */
  --kvk-r-xs: 6px;
  --kvk-r-sm: 10px;
  --kvk-r: 10px;
  --kvk-r-md: 14px;
  --kvk-r-lg: 20px;
  --kvk-r-pill: 999px;

  /* Space */
  --kvk-space-1: 4px;
  --kvk-space-2: 8px;
  --kvk-space-3: 12px;
  --kvk-space-4: 16px;
  --kvk-space-5: 20px;
  --kvk-space-6: 24px;
  --kvk-space-7: 32px;
  --kvk-space-8: 48px;
  --kvk-page-x: clamp(18px, 4vw, 54px);
  --kvk-max: 1240px;
  --kvk-max-hero: 1280px;

  /* Type — Manrope + Source Serif 4 */
  --kvk-sans: 'Manrope', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --kvk-serif: 'Source Serif 4', Georgia, 'Times New Roman', serif;
  --kvk-tracking: -0.02em;
  --kvk-tracking-tight: -0.025em;
  --kvk-tracking-wide: 0.08em;
  --kvk-tracking-brand: 0.1em;
  --kvk-lh: 1.5;
  --kvk-lh-tight: 1.08;

  /* Motion */
  --kvk-ease: cubic-bezier(0.19, 1, 0.22, 1);
  --kvk-ease-ui: ease;
  --kvk-fast: 0.12s;
  --kvk-mid: 0.16s;
  --kvk-reveal: 0.7s;

  /* Z */
  --kvk-z-bar: 40;
  --kvk-z-nav: 50;

  /* Topo texture line */
  --kvk-topo-line: rgba(61, 79, 95, 0.07);
}

/* Short aliases for landing stylesheets */
:root {
  --mist: var(--kvk-mist);
  --mist-2: var(--kvk-mist-2);
  --stone: var(--kvk-stone);
  --card: var(--kvk-card);
  --ink: var(--kvk-ink);
  --ink-soft: var(--kvk-ink-soft);
  --line: var(--kvk-line);
  --slate: var(--kvk-slate);
  --slate-2: var(--kvk-slate-2);
  --fir: var(--kvk-fir);
  --copper: var(--kvk-copper);
  --water: var(--kvk-water);
  --shadow: var(--kvk-shadow);
  --shadow-sm: var(--kvk-shadow-sm);
  --r: var(--kvk-r-md);
  --r-lg: var(--kvk-r-lg);
  --sans: var(--kvk-sans);
  --serif: var(--kvk-serif);
}