/**
 * Design tokens — редизайн TAD CRM
 * Source: Figma → «Основні стани» → палитра Colors
 */

:root {
  --design-primary: #a81414;
  --design-primary-hover: #7b2020;
  --design-primary-dark: #672525;
  --design-accent-cream: #f5dddb;

  --design-button-text: #f2efef;
  --design-button-hover: #f5dddb;

  --design-bg-page: #faf7f7;
  --design-bg-surface: #ffffff;
  --design-bg-subtle: #f0ebeb;
  --design-bg-muted: #f2efef;
  --design-bg-warm: #f5f1ec;
  --design-bg-blush: #eddfde;
  --design-bg-menu: #f1e8e8;
  --design-bg-sidebar-active: #7b2020;
  --design-bg-input: #2d2a2a;
  --design-bg-input-filled: #474141;
  --design-bg-input-disabled: #474141;
  --design-bg-tooltip: #201212f2;

  --design-text-primary: #201212;
  --design-text-secondary: #5d5858;
  --design-text-muted: #9f9494;
  --design-text-disabled: #9f9494;
  --design-text-on-primary: #f2efef;
  --design-text-on-dark: #f2efef;

  --design-border: #e7e4e3;
  --design-border-strong: #474141;
  --design-border-input: #e6dfde;

  --design-success: #33ac25;
  --design-success-bg: #33ac251a;
  --design-danger: #e43c3c;
  --design-danger-bg: #e43c3c1a;

  --design-neutral-900: #201212;
  --design-neutral-800: #2d2a2a;
  --design-neutral-700: #373333;
  --design-neutral-600: #474141;
  --design-neutral-500: #4a4444;
  --design-neutral-400: #5d5858;
  --design-neutral-300: #9f9494;
  --design-neutral-200: #d1cccc;
  --design-neutral-100: #f0ebeb;
  --design-neutral-50: #faf7f7;
  --design-white: #ffffff;

  --design-accent-taupe: #6b4d4b;
  --design-accent-gray: #a59b9b;

  --design-border-radius: 8px;
}

[data-theme="dark"],
.theme-dark,
.dark_theme {
  --design-primary-hover: #672525;
  --design-accent-cream: #7b2020;
  --design-bg-page: #373333;
  --design-bg-surface: #2d2a2a;
  --design-bg-subtle: #4a4444;
  --design-bg-muted: #474141;
  --design-bg-warm: #f5f1ec;
  --design-bg-blush: #6b4d4b;
  --design-bg-menu: #4a4444;
  --design-bg-sidebar-active: #7b2020;
  --design-text-primary: #f2efef;
  --design-text-secondary: #d1cccc;
  --design-text-muted: #a59b9b;
  --design-border: #474141;
  --design-neutral-900: #2d2a2a;
  --design-neutral-800: #373333;
  --design-neutral-700: #474141;
  --design-neutral-600: #4a4444;
  --design-neutral-500: #5d5858;
  --design-neutral-400: #9f9494;
  --design-neutral-300: #a59b9b;
  --design-neutral-200: #d1cccc;
  --design-neutral-100: #f2efef;
  --design-neutral-50: #373333;
}