/* Тема Velour для консоли администратора (New-API). Подключается патчем newapi-patch/0002 и отдаётся этим же сайтом
   по адресу /_velour/admin-theme.css. Меняет только цвета, шрифты и фон через переменные интерфейса; структура родная. */
@font-face { font-family: 'Velour Serif'; font-weight: 500; font-display: swap; src: url(/_velour/fonts/serif-cyrillic.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: 'Velour Serif'; font-weight: 500; font-display: swap; src: url(/_velour/fonts/serif-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122; }
@font-face { font-family: 'Velour Sans'; font-weight: 200 800; font-display: swap; src: url(/_velour/fonts/sans-cyrillic.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: 'Velour Sans'; font-weight: 200 800; font-display: swap; src: url(/_velour/fonts/sans-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122; }

/* Одна палитра и для светлой, и для тёмной темы: у Velour консоль всегда тёмная. Селектор усилен, чтобы перекрыть пресеты. */
html:root:root, html.dark:root:root {
  color-scheme: dark;
  --radius: 0.9rem !important;
  --font-ui-sans: 'Velour Sans', system-ui, -apple-system, 'Segoe UI', sans-serif !important;
  --font-body: var(--font-ui-sans);

  --background: #09080a !important;
  --foreground: #f4ece3 !important;
  --card: #100e11 !important;
  --card-foreground: #f4ece3 !important;
  --popover: #151216 !important;
  --popover-foreground: #f4ece3 !important;
  --primary: #efe2cf !important;
  --primary-foreground: #1a1214 !important;
  --secondary: #1a171b !important;
  --secondary-foreground: #f4ece3 !important;
  --muted: #151216 !important;
  --muted-foreground: #a89e96 !important;
  --accent: color-mix(in oklch, #ecb9a9 13%, #09080a) !important;
  --accent-foreground: #f4ece3 !important;
  --destructive: #ef8a87 !important;
  --destructive-foreground: #1a1214 !important;
  --success: #9ed6b0 !important;
  --success-foreground: #12201a !important;
  --warning: #e6c27a !important;
  --warning-foreground: #1f1810 !important;
  --info: #b8a8e6 !important;
  --info-foreground: #17122a !important;
  --neutral: #6e6660 !important;
  --neutral-foreground: #f4ece3 !important;
  --border: rgba(255, 238, 226, 0.09) !important;
  --input: rgba(255, 238, 226, 0.12) !important;
  --ring: #ecb9a9 !important;
  --chart-1: #ecb9a9 !important;
  --chart-2: #c2455f !important;
  --chart-3: #e6c27a !important;
  --chart-4: #9ed6b0 !important;
  --chart-5: #b8a8e6 !important;
  --overview-accent-1: #ecb9a9 !important;
  --overview-accent-2: #c2455f !important;
  --overview-accent-3: #e6c27a !important;

  --sidebar: #0c0a0d !important;
  --sidebar-foreground: #d9d0c8 !important;
  --sidebar-primary: #ecb9a9 !important;
  --sidebar-primary-foreground: #1a1214 !important;
  --sidebar-accent: color-mix(in oklch, #ecb9a9 12%, #0c0a0d) !important;
  --sidebar-accent-foreground: #f4ece3 !important;
  --sidebar-border: rgba(255, 238, 226, 0.08) !important;
  --sidebar-ring: #ecb9a9 !important;
  --skeleton-base: #151216 !important;
  --skeleton-highlight: #1d191e !important;
}

html { background: #09080a; }
body {
  font-family: var(--font-ui-sans);
  background-color: #09080a;
  background-image:
    radial-gradient(60% 45% at 85% -10%, rgba(122, 31, 53, 0.30), transparent 70%),
    radial-gradient(45% 40% at 0% 100%, rgba(122, 31, 53, 0.16), transparent 70%);
  background-attachment: fixed;
  -webkit-font-smoothing: antialiased;
}

/* Заголовки страниц — тем же серифом, что и на сайте. */
h1 { font-family: 'Velour Serif', 'Times New Roman', serif; font-weight: 500; letter-spacing: -0.01em; }

/* Основная кнопка — кремовая, как на сайте. */
button[class*='bg-primary'], a[class*='bg-primary'] { box-shadow: none; }
button[class*='bg-primary']:hover, a[class*='bg-primary']:hover { box-shadow: 0 10px 30px -12px rgba(236, 185, 169, 0.45); }

::selection { background: rgba(236, 185, 169, 0.3); }
