/*
 * RadarCRM Design System — centralized tokens
 * Theme palettes: css/theme/*.css (source TS: theme/)
 */

@import url("theme/colors.css");
@import url("theme/dark.css");
@import url("theme/light.css");
@import url("theme/semantic.css");

:root {
  /* ── Typography scale (6 sizes) ── */
  --text-2xs: 0.7rem;
  --text-xs: 0.75rem;
  --text-sm: 0.8rem;
  --text-base: 0.9rem;
  --text-lg: 1.1rem;
  --text-xl: 1.5rem;

  /* ── Spacing (4px grid) ── */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;

  /* ── Border radius ── */
  --r-sm: 6px;
  --r-md: 10px;
  --r-lg: 14px;
  --r: var(--r-md); /* legacy alias */

  /* ── Motion ── */
  --ease-standard: cubic-bezier(0.4, 0, 0.2, 1);
  --duration-fast: 0.15s;
  --duration-normal: 0.25s;

  /* ── Layout ── */
  --top-bar-h: 52px;
  --app-chrome-h: 104px;
  --tab-indicator-left: 0;
  --tab-indicator-width: 0;

  /* ── Sidebar / Dock navigation ── */
  --sb-w: 268px;
  --sb-w-col: 76px;
  --dock-h: 68px;
  --dock-safe: env(safe-area-inset-bottom, 0px);
}

/* ── Mobile: slight typography boost on small screens ── */
@media (max-width: 1023px) {
  :root {
    --text-2xs: 0.72rem;
  }
}