/* Kitsune Cloud — переопределение темы New-API (Model Square, Rankings и др.) */
/* Подключается через Nginx sub_filter как /kc-theme.css — см. инструкцию.   */
/* Палитра бренда: фон #0d0f1a, карточки #151829, акцент #ff7a1a (oklch-приближения). */

/* === Светлая тема (базовая) === */
:root {
  --primary: oklch(0.72 0.17 55);              /* фирменный оранжевый #ff7a1a */
  --primary-foreground: oklch(0.99 0.005 80);
  --ring: oklch(0.72 0.17 55);
  --secondary-foreground: oklch(0.45 0.1 55);
  --sidebar-primary: oklch(0.72 0.17 55);
  --sidebar-accent-foreground: oklch(0.5 0.12 55);
  --sidebar-ring: oklch(0.72 0.17 55);
  --chart-1: oklch(0.72 0.17 55);
  --overview-accent-1: oklch(0.72 0.17 55);
}

/* === Тёмная тема (основная у Kitsune) === */
.dark {
  --background: oklch(0.185 0.02 265);         /* #0d0f1a */
  --foreground: oklch(0.93 0.01 265);
  --card: oklch(0.235 0.025 270);              /* #151829 */
  --card-foreground: oklch(0.93 0.01 265);
  --popover: oklch(0.25 0.025 270);
  --popover-foreground: oklch(0.93 0.01 265);
  --primary: oklch(0.74 0.16 60);              /* #ff9a3d чуть светлее для тёмного фона */
  --primary-foreground: oklch(0.2 0.05 60);
  --secondary: oklch(0.27 0.025 270);
  --secondary-foreground: oklch(0.9 0.03 70);
  --muted: oklch(0.27 0.025 270);
  --muted-foreground: oklch(0.75 0.03 270);    /* #a7abc4 */
  --border: oklch(0.32 0.03 275);              /* #262b45 */
  --input: oklch(0.32 0.03 275);
  --ring: oklch(0.74 0.16 60);
  --sidebar: oklch(0.2 0.022 267);
  --sidebar-foreground: oklch(0.93 0.01 265);
  --sidebar-primary: oklch(0.74 0.16 60);
  --sidebar-primary-foreground: oklch(0.2 0.05 60);
  --sidebar-border: oklch(0.32 0.03 275);
  --sidebar-ring: oklch(0.74 0.16 60);
  --chart-1: oklch(0.76 0.16 60);
  --overview-accent-1: oklch(0.76 0.16 60);
  --skeleton-base: oklch(0.27 0.025 270);
  --skeleton-highlight: oklch(0.32 0.03 275);
}

/* === Hero-градиенты Model Square / Rankings === */
/* Они зашиты инлайн-стилями oklch(), поэтому только !important. */
/* Селекторы подобраны широко; при желании уточните по DevTools. */
.dark div[style*="oklch"] {
  background-image: linear-gradient(180deg,
    oklch(0.28 0.06 55 / 25%),
    oklch(0.185 0.02 265 / 0%)) !important;
}