/* ═══════════════════════════════════════════════
   ASTALAVISTA — Medieval Theme
   ═══════════════════════════════════════════════ */

/* Google Fonts — средневековые шрифты */
@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600;700;800&family=Cinzel+Decorative:wght@400;700;900&family=Spectral:wght@300;400;500;600;700&display=swap');

:root {
  /* Средневековая палитра — тёмное золото и пергамент */
  --color-dark-bg: #0d0b07 !important;
  --color-dark-surface: #1a1510 !important;
  --color-dark-text: #e8dcc8 !important;
  --color-dark-text-secondary: #9c8b73 !important;

  /* Accent — королевское золото */
  --color-accent-50: 255, 248, 230 !important;
  --color-accent-100: 255, 240, 200 !important;
  --color-accent-200: 255, 225, 155 !important;
  --color-accent-300: 255, 208, 105 !important;
  --color-accent-400: 230, 180, 60 !important;
  --color-accent-500: 200, 155, 40 !important;
  --color-accent-600: 170, 130, 30 !important;
  --color-accent-700: 140, 105, 20 !important;
  --color-accent-800: 110, 85, 15 !important;
  --color-accent-900: 80, 60, 10 !important;
  --color-accent-950: 50, 35, 5 !important;

  /* Золотой акцент */
  --accent-color: #c89b28 !important;
  --accent-glow: rgba(200, 155, 40, 0.3) !important;
}

/* ═══ Фон — текстура пергамента ═══ */
body {
  background: 
    radial-gradient(ellipse at 20% 50%, rgba(139, 90, 30, 0.08) 0%, transparent 50%),
    radial-gradient(ellipse at 80% 20%, rgba(200, 155, 40, 0.05) 0%, transparent 50%),
    radial-gradient(ellipse at 50% 80%, rgba(100, 60, 20, 0.06) 0%, transparent 50%),
    #0d0b07 !important;
  font-family: 'Spectral', 'Georgia', serif !important;
}

/* ═══ Заголовки — средневековый шрифт ═══ */
h1, h2, h3, h4, h5, h6,
[class*="title"], [class*="Title"],
[class*="heading"], [class*="Heading"],
[class*="header"] span {
  font-family: 'Cinzel', 'Georgia', serif !important;
  letter-spacing: 0.05em !important;
}

/* ═══ Карточки — пергаментный стиль ═══ */
[class*="card"], [class*="Card"],
[class*="bento"], [class*="Bento"],
[class*="panel"], [class*="Panel"],
[class*="block"], [class*="Block"] {
  background: linear-gradient(
    145deg, 
    rgba(30, 25, 18, 0.95), 
    rgba(20, 16, 10, 0.98)
  ) !important;
  border: 1px solid rgba(200, 155, 40, 0.15) !important;
  box-shadow: 
    0 2px 10px rgba(0, 0, 0, 0.4),
    inset 0 1px 0 rgba(200, 155, 40, 0.05) !important;
}

/* ═══ Кнопки — золотые с гравировкой ═══ */
button[class*="primary"], 
button[class*="Primary"],
a[class*="primary"],
[class*="btn-primary"],
button[class*="accent"],
[role="button"][class*="accent"] {
  background: linear-gradient(
    180deg, 
    #c89b28 0%, 
    #a67c1a 50%,
    #8b6914 100%
  ) !important;
  border: 1px solid rgba(255, 220, 100, 0.3) !important;
  color: #0d0b07 !important;
  font-family: 'Cinzel', serif !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.1em !important;
  text-shadow: 0 1px 0 rgba(255, 220, 100, 0.3) !important;
  box-shadow: 
    0 2px 8px rgba(200, 155, 40, 0.3),
    inset 0 1px 0 rgba(255, 220, 100, 0.2) !important;
}

button[class*="primary"]:hover,
button[class*="Primary"]:hover {
  background: linear-gradient(
    180deg, 
    #daa830 0%, 
    #c89b28 50%,
    #a67c1a 100%
  ) !important;
  box-shadow: 
    0 4px 15px rgba(200, 155, 40, 0.4),
    inset 0 1px 0 rgba(255, 220, 100, 0.3) !important;
}

/* ═══ Навигация ═══ */
nav, [class*="nav"], [class*="Nav"],
[class*="sidebar"], [class*="Sidebar"],
[class*="menu"], [class*="Menu"] {
  background: rgba(13, 11, 7, 0.95) !important;
  border-color: rgba(200, 155, 40, 0.12) !important;
}

/* ═══ Иконки и ссылки — золотые ═══ */
a, [class*="link"], [class*="Link"] {
  color: #c89b28 !important;
}

a:hover {
  color: #daa830 !important;
  text-shadow: 0 0 8px rgba(200, 155, 40, 0.3) !important;
}

/* ═══ Инпуты — пергаментные поля ═══ */
input, textarea, select,
[class*="input"], [class*="Input"] {
  background: rgba(20, 16, 10, 0.8) !important;
  border: 1px solid rgba(200, 155, 40, 0.2) !important;
  color: #e8dcc8 !important;
  font-family: 'Spectral', serif !important;
}

input:focus, textarea:focus, select:focus {
  border-color: rgba(200, 155, 40, 0.5) !important;
  box-shadow: 0 0 10px rgba(200, 155, 40, 0.15) !important;
}

/* ═══ Разделители — золотая нить ═══ */
hr, [class*="divider"], [class*="Divider"],
[class*="separator"] {
  border-color: rgba(200, 155, 40, 0.15) !important;
  background: linear-gradient(
    90deg, 
    transparent, 
    rgba(200, 155, 40, 0.3), 
    transparent
  ) !important;
}

/* ═══ Бейджи и статусы ═══ */
[class*="badge"], [class*="Badge"],
[class*="tag"], [class*="Tag"],
[class*="chip"], [class*="Chip"] {
  font-family: 'Cinzel', serif !important;
  letter-spacing: 0.05em !important;
  border: 1px solid rgba(200, 155, 40, 0.2) !important;
}

/* ═══ Скроллбар — средневековый ═══ */
::-webkit-scrollbar {
  width: 8px;
}
::-webkit-scrollbar-track {
  background: #0d0b07;
}
::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, #5a4520, #3d2e15);
  border-radius: 4px;
  border: 1px solid rgba(200, 155, 40, 0.1);
}
::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(180deg, #7a6030, #5a4520);
}

/* ═══ Свечение для активных элементов ═══ */
[class*="active"], [class*="Active"],
[class*="selected"], [class*="Selected"] {
  box-shadow: 0 0 15px rgba(200, 155, 40, 0.15) !important;
  border-color: rgba(200, 155, 40, 0.3) !important;
}

/* ═══ Таблицы ═══ */
table, [class*="table"], [class*="Table"] {
  border-color: rgba(200, 155, 40, 0.1) !important;
}

th {
  font-family: 'Cinzel', serif !important;
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
  color: #c89b28 !important;
}

tr:hover td {
  background: rgba(200, 155, 40, 0.05) !important;
}

/* ═══ Прогресс бары — золотые ═══ */
[class*="progress"], [class*="Progress"],
[role="progressbar"] {
  background: rgba(200, 155, 40, 0.1) !important;
}

[class*="progress"] > *, [role="progressbar"] > * {
  background: linear-gradient(90deg, #8b6914, #c89b28, #daa830) !important;
}

/* ═══ Модальные окна ═══ */
[class*="modal"], [class*="Modal"],
[class*="dialog"], [class*="Dialog"],
[role="dialog"] {
  background: linear-gradient(145deg, #1a1510, #0d0b07) !important;
  border: 1px solid rgba(200, 155, 40, 0.2) !important;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.7) !important;
}

/* ═══ Тосты / уведомления ═══ */
[class*="toast"], [class*="Toast"],
[class*="notification"], [class*="Notification"] {
  background: linear-gradient(145deg, #1a1510, #13100a) !important;
  border: 1px solid rgba(200, 155, 40, 0.2) !important;
  font-family: 'Spectral', serif !important;
}

/* ═══ Выделение текста ═══ */
::selection {
  background: rgba(200, 155, 40, 0.3) !important;
  color: #e8dcc8 !important;
}