/* apps/core/static/core/css/design_tokens.css                    */
/* ВНИМАНИЕ: Не редактировать вручную. Источник истины — COLORS.md */

:root {
  /* Фоны */
  --color-bg-page: #FFFFFF;
  --color-bg-secondary: #F5F5F7;
  --color-bg-card: #FFFFFF;
  --color-bg-card-hover: #FAFAFA;
  --color-bg-input: #F5F5F7;
  --color-bg-green-subtle: rgba(0, 147, 69, 0.06);
  --color-bg-blue-subtle: rgba(27, 117, 187, 0.06);
  --color-bg-internal-row: #F0FAF4;
  --color-bg-header: rgba(255, 255, 255, 0.85);
  --color-bg-header-scrolled: rgba(255, 255, 255, 0.94);
  --color-bg-modal-overlay: rgba(0, 0, 0, 0.40);
  --color-bg-sheet-overlay: rgba(17, 24, 39, 0.42);
  --color-bg-toast: rgba(17, 24, 39, 0.92);
  --color-bg-on-accent-subtle: rgba(255, 255, 255, 0.25);

  /* Акцентные */
  --color-accent-green: #009345;
  --color-accent-green-hover: #007A3A;
  --color-accent-green-light: #34B76A;
  --color-accent-green-rgb: 0, 147, 69;
  --color-accent-blue: #1b75bb;
  --color-accent-blue-hover: #155F9A;
  --color-accent-blue-light: #3D8FCC;
  --color-accent-blue-rgb: 27, 117, 187;

  /* Текст */
  --color-text-primary: #1D1D1F;
  --color-text-secondary: #424245;
  --color-text-tertiary: #6E6E73;
  --color-text-placeholder: #86868B;
  --color-text-disabled: #AEAEB2;
  --color-text-on-green: #FFFFFF;
  --color-text-on-blue: #FFFFFF;
  --color-text-on-dark: #FFFFFF;

  /* Границы */
  --color-border-default: rgba(0, 0, 0, 0.08);
  --color-border-input: rgba(0, 0, 0, 0.15);
  --color-border-focus: #009345;
  --color-border-section: rgba(0, 0, 0, 0.06);

  /* Тени */
  --shadow-header: 0 8px 24px rgba(0, 0, 0, 0.04);
  --shadow-mobile-menu: 0 20px 40px rgba(0, 0, 0, 0.08);
  --shadow-card: 0 2px 8px rgba(0, 0, 0, 0.06), 0 0 0 1px rgba(0, 0, 0, 0.04);
  --shadow-card-hover: 0 12px 32px rgba(0, 0, 0, 0.12);
  --shadow-modal: 0 24px 80px rgba(0, 0, 0, 0.20);
  --shadow-calendar-sheet: -24px 0 60px rgba(17, 24, 39, 0.18);
  --shadow-calendar-floating: 0 14px 36px rgba(0, 147, 69, 0.32);
  --shadow-calendar-floating-hover: 0 18px 42px rgba(0, 147, 69, 0.40);
  --shadow-calendar-toast: 0 12px 28px rgba(17, 24, 39, 0.24);
  --shadow-calendar-selection: 0 4px 12px rgba(27, 117, 187, 0.14);

  /* Статусы */
  --color-status-free: #009345;
  --color-status-free-bg: rgba(0, 147, 69, 0.10);
  --color-status-pending: #F59E0B;
  --color-status-pending-bg: rgba(245, 158, 11, 0.10);
  --color-status-busy: #EF4444;
  --color-status-busy-rgb: 239, 68, 68;
  --color-status-busy-bg: rgba(239, 68, 68, 0.12);
  --color-status-blocked: #9CA3AF;
  --color-status-blocked-rgb: 156, 163, 175;
  --color-status-blocked-bg: rgba(156, 163, 175, 0.12);
  --color-status-selected: #1b75bb;
  --color-status-selected-bg: rgba(27, 117, 187, 0.12);

  /* Типографика */
  --font-display: 'Space Grotesk', system-ui, sans-serif;
  --font-sans: 'Inter', system-ui, sans-serif;
  --font-mono: 'JetBrains Mono', monospace;

  /* Отступы и сетка */
  --container-max: 1200px;
  --container-px: clamp(20px, 4vw, 48px);
  --section-py: clamp(72px, 9vw, 128px);
  --card-radius: 18px;
  --card-gap: 24px;
}