/**
 * Tailgrids UI — переменные темы для использования в шаблонах.
 * Primary/акцент подставлены под бренд: #323646 (тёмный), #b79643 (золотой).
 * Классы в шаблонах: bg-[var(--color-card-background-50)], text-[var(--color-title-50)] и т.д.
 */
:root {
  /* Brand override (Mia Bartending) */
  --color-primary-500: #b79643;
  --color-primary-600: #9a7b38;
  --theme-primary-500: #b79643;
  --theme-primary-600: #9a7b38;

  /* Text & Title */
  --color-text-50: #374151;
  --color-text-100: #6b7280;
  --color-text-200: #9ca3af;
  --color-title-50: #1f2937;
  --theme-text-50: #374151;
  --theme-text-100: #6b7280;
  --theme-title-50: #1f2937;

  /* Backgrounds */
  --color-background-50: #ffffff;
  --color-background-soft-50: #f9fafb;
  --color-background-soft-100: #f3f4f6;

  /* Card (Tailgrids) */
  --color-card-background-50: #ffffff;
  --color-card-background-100: #ffffff;
  --color-card-background-200: #f3f4f6;
  --color-card-background-300: #f9fafb;
  --theme-card-background-50: #ffffff;
  --theme-card-background-100: #ffffff;

  /* Button Primary — золотой акцент */
  --color-button-primary-background: #b79643;
  --color-button-primary-hover-background: #9a7b38;
  --color-button-primary-text: #ffffff;
  --color-button-primary-focus-ring: rgba(183, 150, 67, 0.3);
  --theme-button-primary-background: #b79643;
  --theme-button-primary-hover-background: #9a7b38;
  --theme-button-primary-text: #ffffff;

  /* Button Outline */
  --color-button-outline-background: #ffffff;
  --color-button-outline-hover-background: #f3f4f6;
  --color-button-outline-border: #d1d5db;
  --color-button-outline-text: #1f2937;
  --color-button-outline-hover-text: #111827;

  /* Button Disabled */
  --color-button-disabled-background: #f3f4f6;
  --color-button-disabled-text: #9ca3af;

  /* Badge Primary */
  --color-badge-primary-background: #fef3c7;
  --color-badge-primary-text: #b79643;
  --theme-badge-primary-background: #fef3c7;
  --theme-badge-primary-text: #b79643;

  /* Alert Success (для блоков «успех») */
  --color-alert-success-background: #f0fdf4;
  --color-alert-success-border: #bbf7d0;
  --color-alert-success-title: #166534;
  --color-alert-success-description: #15803d;

  /* Alert Default / Gray (нейтральный блок) */
  --color-alert-default-background: #f9fafb;
  --color-alert-default-border: #e5e7eb;
  --color-alert-default-title: #1f2937;
  --color-alert-default-description: #374151;

  /* Section Title (бейдж над заголовком) */
  --color-section-title-badge: #b79643;
  --color-section-title-badge-background: rgba(183, 150, 67, 0.12);
  --theme-section-title-badge: #b79643;
  --theme-section-title-badge-background: rgba(183, 150, 67, 0.12);

  /* Hero */
  --color-hero-background: #323646;
  --color-hero-card-background: #ffffff;
  --theme-hero-background: #323646;
  --theme-hero-card-background: #ffffff;

  /* Border */
  --border-color-base-50: #f3f4f6;
  --border-color-base-100: #e5e7eb;
}