/* Graphite theme: тёмно-светлая «графитовая» палитра с повышенным контрастом */
html.theme-graphite {
  /* Core */
  --color-brand: #4c8dbb; /* приглушённый бренд на тёмном */
  --color-text: #e8eaed;
  --color-bg: #1f2327; /* графитовый фон */
  --color-surface: #262b30; /* поверхности/карточки */
  --color-border: #3b4147; /* нейтральная граница */
  --color-muted: #9aa0a6;
  --color-link: #8ab4f8;
  --color-link-hover: #a6c8ff;

  /* Brand scale */
  --brand-90: rgba(76,141,187,0.9);
  --brand-70: rgba(76,141,187,0.7);
  --brand-50: rgba(76,141,187,0.5);
  --brand-35: rgba(76,141,187,0.35);
  --brand-20: rgba(76,141,187,0.2);

  /* Neutrals */
  --neutral-0: #121416;
  --neutral-50: #181b1f;
  --neutral-100: #1f2327;
  --neutral-200: #2a2f34;
  --neutral-300: #343a40;
  --neutral-400: #485057;
  --neutral-500: #5f6a72;
  --neutral-600: #889097;
  --neutral-700: #aab2b8;
  --neutral-800: #cfd5da;
  --neutral-900: #ffffff;

  /* States */
  --color-danger: #ff6b6b;
  --danger-600: #ff5252;
  --danger-700: #ff3b3b;
  --danger-800: #8b2a2a;
  --danger-100: #3b1f1f;

  --color-success: #34d399;
  --success-700: #10b981;
  --success-800: #065f46;
  --success-100: #12352a;

  --color-warning: #fbbf24;
  --warning-700: #f59e0b;
  --warning-800: #92400e;
  --warning-100: #3a2a12;

  --color-info: #60a5fa;
  --info-700: #3b82f6;
  --info-800: #1e40af;
  --info-100: #162135;

  /* Focus ring */
  --focus-ring-color: var(--brand-70);
}