:root {
  --mkf-font: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, 'Fira Sans', Arial, sans-serif;

  /* Светлая палитра */
  --mkf-bg:       #ffffff;  /* фон страницы */
  --mkf-surface:  #ffffff;  /* фон карточек, сайдбара, шапки */
  --mkf-on-surface: #111418;/* основной текст */
  --mkf-muted:    #6B7280;  /* вторичный текст */

  --mkf-brand:  #0EA5E9;    /* можешь оставить свой #2DD4BF если нравится */
  --mkf-accent: #00008b;
  --mkf-warn:   #F59E0B;

  /* Технические */
  --mkf-border:  #E5E7EB;   /* цвет рамок/линий */
  --mkf-thumb:   #ffffff;   /* фон области фото */
  --mkf-input:   #ffffff;   /* фон инпутов */
  --mkf-input-border: #D1D5DB;

  --mkf-radius: 16px;
  --mkf-gap:    16px;
  --mkf-shadow: 0 6px 24px rgba(0, 0, 0, .08);

 /* ===== Status colors (semantic) ===== */
  --mkf-danger: #ef4444;   /* red-500 */
  --mkf-warning: #f59e0b;  /* amber-500 */
  --mkf-success: #10b981;  /* emerald-500 */

  /* “On” colors (text) */
  --mkf-on-danger:  #b91c1c; /* red-700 */
  --mkf-on-warning: #92400e; /* amber-800 */
  --mkf-on-success: #065f46; /* emerald-800 */

  /* Subtle backgrounds / borders (use alpha on base) */
  --mkf-danger-bg:  rgba(239, 68, 68, .10);
  --mkf-danger-br:  rgba(239, 68, 68, .25);

  --mkf-warning-bg: rgba(245, 158, 11, .12);
  --mkf-warning-br: rgba(245, 158, 11, .28);

  --mkf-success-bg: rgba(16, 185, 129, .12);
  --mkf-success-br: rgba(16, 185, 129, .28);

}