/* emdm-ui tokens.css — design primitives. Override --accent per app. */
:root {
  /* Color primitives */
  --emdm-white: #ffffff;
  --emdm-black: #0f1115;
  --emdm-gray-50:  #f7f8fa;
  --emdm-gray-100: #eef0f4;
  --emdm-gray-200: #e2e6ec;
  --emdm-gray-300: #cbd2dc;
  --emdm-gray-400: #9aa4b2;
  --emdm-gray-500: #6b7480;
  --emdm-gray-600: #4b5563;
  --emdm-gray-700: #353b45;
  --emdm-gray-800: #21262e;
  --emdm-gray-900: #14181e;

  /* Brand accent (per-app overridable) */
  --accent: #2f6df6;
  --accent-hover: #2557d6;
  --accent-contrast: #ffffff;

  /* Semantic */
  --ok: #1f9d57;
  --warn: #d98a0b;
  --danger: #d23b3b;
  --info: #2f6df6;

  /* Typography */
  --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;
  --fs-xs: 0.75rem;  --fs-sm: 0.875rem; --fs-md: 1rem;
  --fs-lg: 1.125rem; --fs-xl: 1.375rem; --fs-2xl: 1.75rem;
  --lh-tight: 1.2; --lh-normal: 1.5;
  --fw-normal: 400; --fw-medium: 500; --fw-semibold: 600; --fw-bold: 700;

  /* Spacing scale */
  --sp-1: 0.25rem; --sp-2: 0.5rem; --sp-3: 0.75rem; --sp-4: 1rem;
  --sp-5: 1.5rem; --sp-6: 2rem; --sp-8: 3rem;

  /* Radius / shadow / motion */
  --radius-sm: 6px; --radius-md: 10px; --radius-lg: 16px; --radius-full: 999px;
  --shadow-sm: 0 1px 2px rgba(0,0,0,.06);
  --shadow-md: 0 4px 12px rgba(0,0,0,.10);
  --shadow-lg: 0 12px 32px rgba(0,0,0,.18);
  --transition: 150ms ease;
  --z-modal: 1000; --z-toast: 1100;
}