/**
 * Токены дизайн-системы «Есть Дело» (платформенный UI-kit).
 * Источник: ui_kit_handoff_developer_FINAL / foundations.
 * CRM мапит свои --color-* на эти переменные.
 */
:root {
  /* ── Primitive colors ── */
  --ed-neutral-50: #ffffff;
  --ed-neutral-100: #f8f8f9;
  --ed-neutral-200: #f2f1f3;
  --ed-neutral-300: #e5e7eb;
  --ed-neutral-400: #d0cdd5;
  --ed-neutral-500: #9892a4;
  --ed-neutral-600: #7b738a;
  --ed-neutral-700: #5d5668;
  --ed-neutral-800: #3e3a45;
  --ed-neutral-900: #242228;

  --ed-violet-50: #f7f2fe;
  --ed-violet-100: #e6d9fd;
  --ed-violet-200: #ddccfc;
  --ed-violet-300: #cdb3fb;
  --ed-violet-400: #bc99f9;
  --ed-violet-500: #ab80f8;
  --ed-violet-600: #7e4fdc;
  --ed-violet-700: #6330be;
  --ed-violet-800: #431c84;
  --ed-violet-900: #240750;

  --ed-green-50: #f8fdeb;
  --ed-green-100: #f0fccf;
  --ed-green-200: #e5f9ae;
  --ed-green-300: #d9f58d;
  --ed-green-400: #d4f681;
  --ed-green-500: #cffe76;
  --ed-green-600: #9fcf3f;
  --ed-green-700: #709a22;
  --ed-green-800: #4f7116;
  --ed-green-900: #30490d;

  --ed-peach-50: #fff7ed;
  --ed-peach-100: #ffedd5;
  --ed-peach-200: #fed7aa;
  --ed-peach-300: #fdba74;
  --ed-peach-400: #fb923c;
  --ed-peach-500: #ea580c;
  --ed-peach-600: #c2410c;
  --ed-peach-700: #9a3412;
  --ed-peach-800: #7c2d12;
  --ed-peach-900: #431407;

  --ed-red-50: #fff4f2;
  --ed-red-100: #fee2e2;
  --ed-red-200: #fecaca;
  --ed-red-300: #fca5a5;
  --ed-red-400: #f87171;
  --ed-red-500: #dc4c4c;
  --ed-red-600: #c73838;
  --ed-red-700: #a52a2a;
  --ed-red-800: #842121;
  --ed-red-900: #5f1717;

  --ed-blue-50: #f1f5ff;
  --ed-blue-100: #e2e9ff;
  --ed-blue-200: #c9d5ff;
  --ed-blue-300: #a9bbfc;
  --ed-blue-400: #7e98f2;
  --ed-blue-500: #4f6fe8;
  --ed-blue-600: #3b59cf;
  --ed-blue-700: #3046a8;
  --ed-blue-800: #293a82;
  --ed-blue-900: #202d5f;

  /* ── Spacing (Space/2XS…3XL from kit rules) ── */
  --ed-space-2xs: 0.25rem; /* 4 */
  --ed-space-xs: 0.5rem;   /* 8 — Space/S gap */
  --ed-space-s: 0.75rem;   /* 12 */
  --ed-space-m: 1rem;      /* 16 */
  --ed-space-l: 1.5rem;    /* 24 — Gap L */
  --ed-space-xl: 2rem;     /* 32 — Gap XL */
  --ed-space-2xl: 2.5rem;  /* 40 */
  --ed-space-3xl: 3rem;    /* 48 — card padding */

  /* ── Radii (Corner / 2XL for cards) ── */
  --ed-radius-s: 0.5rem;    /* 8 */
  --ed-radius-m: 0.75rem;   /* 12 */
  --ed-radius-l: 1rem;      /* 16 */
  --ed-radius-2xl: 1.5rem;  /* 24 */

  /* ── Borders ── */
  --ed-border-s: 1px;
  --ed-border-m: 1.5px;
  --ed-border-l: 2px;

  /* ── Typography (Inter scale from kit) ── */
  --ed-font-sans: "Inter", system-ui, "Segoe UI", sans-serif;
  --ed-font-display: "Inter", system-ui, sans-serif;
  --ed-font-mono: "Roboto Mono", ui-monospace, monospace;

  --ed-text-caption: 0.75rem;   /* 12 */
  --ed-text-small: 0.875rem;    /* 14 */
  --ed-text-body: 1rem;         /* 16 */
  --ed-text-h4: 1.125rem;       /* 18 */
  --ed-text-h3: 1.25rem;        /* 20 */
  --ed-text-h2: 1.5rem;         /* 24 */
  --ed-text-h1: 2rem;           /* 32 */

  --ed-leading-body: 1.5;
  --ed-leading-tight: 1.25;

  /* ── Semantic → CRM bridge ── */
  --color-bg: var(--ed-neutral-100);
  --color-surface: var(--ed-neutral-50);
  --color-text: var(--ed-neutral-900);
  --color-muted: var(--ed-neutral-600);
  --color-border: var(--ed-neutral-300);
  --color-primary: var(--ed-violet-600);
  --color-primary-hover: var(--ed-violet-700);
  --color-primary-soft: var(--ed-violet-50);
  --color-focus: var(--ed-blue-500);
  --color-success: var(--ed-green-700);
  --color-success-bg: var(--ed-green-100);
  --color-danger: var(--ed-red-600);
  --color-danger-bg: var(--ed-red-50);
  --color-warning: var(--ed-peach-600);
  --color-warning-bg: var(--ed-peach-100);
  --color-info: var(--ed-blue-600);
  --color-info-bg: var(--ed-blue-50);

  --space: var(--ed-space-m);
  --radius: var(--ed-radius-s);
  --radius-card: var(--ed-radius-2xl);
  --font-sans: var(--ed-font-sans);
}