/* variables.css — დიზაინის ტოკენები (ერთადერთი წყარო ფერების/ზომებისთვის) */
:root {
  color-scheme: dark;

  /* ფერები */
  --c-bg: #080b11;
  --c-bg-sidebar: #0b0f17;
  --c-surface: #111723;
  --c-surface-2: #172031;
  --c-surface-3: #1e293d;
  --c-line: rgba(255, 255, 255, 0.06);
  --c-line-strong: rgba(255, 255, 255, 0.14);
  --c-text: #eef2f8;
  --c-text-2: #a6b0c0;
  --c-text-3: #6b7588;
  --c-accent: #3d7eff;
  --c-accent-text: #5b95ff;
  --c-accent-soft: #adc4ff;
  --c-accent-soft-2: #87a6fb;
  --c-on-accent: #0a1433;
  --c-danger: #ff3b4f;
  --c-success: #3ecf8e;
  --c-focus: #9fbaff;
  --c-glass: rgba(10, 14, 22, 0.55);
  --c-glass-strong: rgba(10, 14, 22, 0.78);

  /* ტიპოგრაფია */
  --font-sans: "Inter", "Noto Sans Georgian", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --fs-2xs: 0.6875rem;
  --fs-xs: 0.75rem;
  --fs-sm: 0.8125rem;
  --fs-md: 0.9375rem;
  --fs-lg: 1.0625rem;
  --fs-xl: 1.375rem;

  /* რადიუსები */
  --radius-xs: 4px;
  --radius-sm: 8px;
  --radius-md: 10px;
  --radius-lg: 14px;
  --radius-xl: 22px;
  --radius-pill: 999px;

  /* განლაგება */
  --sidebar-w: 248px;
  --gutter: 16px;
  --row-gap: 14px;
  --mobile-header-h: 56px;
  --bottom-nav-h: 64px;
  --safe-top: env(safe-area-inset-top, 0px);
  --safe-bottom: env(safe-area-inset-bottom, 0px);

  /* მოძრაობა */
  --ease: cubic-bezier(0.2, 0.7, 0.2, 1);
  --dur-fast: 150ms;
  --dur: 280ms;
  --dur-slow: 650ms;

  --shadow-pop: 0 18px 48px rgba(0, 0, 0, 0.55);
}

@media (min-width: 900px) {
  :root { --gutter: clamp(40px, 2.8vw, 52px); }
}

@media (min-width: 900px) and (max-width: 1199px) {
  :root { --sidebar-w: 216px; }
}