/* ТРОПЫ КРЫМА — design tokens
   Source: examples/crimea/design-system (extends user-web crimeaTheme).
   How to apply: INSTRUCTION.md. Prefix: --crm-* */

:root {
  /* Surfaces — coastal canvas, sand paper accents, white cards */
  --crm-canvas: #f4f8fb;
  --crm-canvas-2: #e7eff6;
  --crm-sand-paper: #f8f1e4;
  --crm-card: #ffffff;
  --crm-card-2: #eef4f8;
  --crm-ghost: #d9e4ee;
  --crm-ghost-hover: #c8d7e4;
  --crm-sea-tint: #e3eef6;
  --crm-cypress-tint: #e4efe7;
  --crm-sand-tint: #f5ecda;
  --crm-map-stage: #d5e4ee;

  /* Ink */
  --crm-ink: #1a2b3c;
  --crm-ink-body: #33485c;
  --crm-ink-soft: #5a6b7a;
  --crm-ink-mute: #8a9aab;
  --crm-on-sea: #ffffff;
  --crm-on-cypress: #ffffff;

  /* Line */
  --crm-line: #d5e0e8;
  --crm-line-hover: #b8c9d6;
  --crm-line-sort: #aebfcf;

  /* Brand — sea primary, cypress secondary */
  --crm-sea: #1b4f72;
  --crm-sea-2: #143a54;
  --crm-sea-light: #2e6f9a;
  --crm-cypress: #2d5a3d;
  --crm-cypress-2: #234830;
  --crm-cypress-deep: #1b3826;

  /* Accents — sand / terracotta elevation / salt lakes */
  --crm-sand: #e8d5b5;
  --crm-sand-deep: #c9a86f;
  --crm-terracotta: #b5573f;
  --crm-terracotta-soft: #c9785f;
  --crm-salt: #d98fa0;
  --crm-salt-deep: #b86d7f;
  --crm-foam: #a8d4e6;

  /* Semantic — difficulty */
  --crm-diff-easy: #2d5a3d;
  --crm-diff-medium: #c9a86f;
  --crm-diff-hard: #b5573f;
  --crm-diff-pro: #1b4f72;

  /* Semantic — medical note (sand-warm, not Saki terracotta paper) */
  --crm-note: #f7f0e6;
  --crm-note-line: #e2d2b8;
  --crm-note-ink: #5a4a32;
  --crm-note-strong: #3d3222;

  /* Live location */
  --crm-here: #1f8ad8;

  /* Glass */
  --crm-glass: rgba(244, 248, 251, 0.88);
  --crm-glass-solid: rgba(244, 248, 251, 0.94);
  --crm-glass-chip: rgba(248, 241, 228, 0.78);
  --crm-glass-stroke: rgba(255, 255, 255, 0.55);

  /* Shadows — cool sea blue */
  --crm-shadow: 0 10px 28px rgba(27, 79, 114, 0.12);
  --crm-shadow-sm: 0 4px 14px rgba(27, 79, 114, 0.08);
  --crm-shadow-lg: 0 18px 38px rgba(27, 79, 114, 0.16), inset 0 1px 0 rgba(255, 255, 255, 0.5);
  --crm-press: 0 3px 0 var(--crm-sea-2);

  /* Radius — between Kavkaz (10/14/20) and Saki (14/18/26) */
  --crm-r-xs: 8px;
  --crm-r-sm: 12px;
  --crm-r: 12px;
  --crm-r-md: 16px;
  --crm-r-lg: 24px;
  --crm-r-pill: 999px;

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

  /* Type — Onest + Playfair Display (not Manrope/Source Serif) */
  --crm-sans: 'Onest', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --crm-serif: 'Playfair Display', Georgia, 'Times New Roman', serif;
  --crm-tracking: -0.02em;
  --crm-tracking-tight: -0.025em;
  --crm-tracking-wide: 0.08em;
  --crm-tracking-brand: 0.12em;
  --crm-lh: 1.5;
  --crm-lh-tight: 1.08;

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

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

  /* Isobath texture (sea depth lines — not Kavkaz topo, not Saki grain) */
  --crm-isobath: rgba(27, 79, 114, 0.06);
}

/* Short aliases for landing stylesheets */
:root {
  --canvas: var(--crm-canvas);
  --canvas-2: var(--crm-canvas-2);
  --sand-paper: var(--crm-sand-paper);
  --card: var(--crm-card);
  --ink: var(--crm-ink);
  --ink-soft: var(--crm-ink-soft);
  --line: var(--crm-line);
  --sea: var(--crm-sea);
  --sea-2: var(--crm-sea-2);
  --cypress: var(--crm-cypress);
  --sand: var(--crm-sand);
  --terracotta: var(--crm-terracotta);
  --shadow: var(--crm-shadow);
  --shadow-sm: var(--crm-shadow-sm);
  --r: var(--crm-r-md);
  --r-lg: var(--crm-r-lg);
  --sans: var(--crm-sans);
  --serif: var(--crm-serif);
}