/* Сетка — тема для панели new-api. Подключается nginx-ом через sub_filter перед </head>.
   Панель построена на переменных shadcn/ui, поэтому перекрашиваем переменные, а не классы:
   так тема переживает обновления new-api. */

@font-face { font-family: "Golos Text"; font-weight: 400 900; font-display: swap;
  src: url("/_setka/fonts/golos-text-cyrillic-wght-normal.woff2") format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: "Golos Text"; font-weight: 400 900; font-display: swap;
  src: url("/_setka/fonts/golos-text-latin-wght-normal.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+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "JetBrains Mono"; font-weight: 100 800; font-display: swap;
  src: url("/_setka/fonts/jetbrains-mono-cyrillic-wght-normal.woff2") format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: "JetBrains Mono"; font-weight: 100 800; font-display: swap;
  src: url("/_setka/fonts/jetbrains-mono-latin-wght-normal.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+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

html:root {
  --radius: .375rem;
  --font-sans: "Golos Text", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-body: var(--font-sans);
  --font-mono: "JetBrains Mono", ui-monospace, Consolas, monospace;

  --background: #f3f1ea;
  --foreground: #16150f;
  --card: #faf9f5;
  --card-foreground: #16150f;
  --popover: #faf9f5;
  --popover-foreground: #16150f;
  --primary: #d9420f;
  --primary-foreground: #ffffff;
  --secondary: #eae7dd;
  --secondary-foreground: #16150f;
  --muted: #eae7dd;
  --muted-foreground: #6a675c;
  --accent: color-mix(in oklch, #d9420f 11%, #f3f1ea);
  --accent-foreground: #16150f;
  --destructive: #b3261e;
  --success: #17803f;
  --warning: #a56a00;
  --info: #2d6a9f;
  --border: rgba(22, 21, 15, .14);
  --input: rgba(22, 21, 15, .22);
  --ring: #d9420f;
  --chart-1: #d9420f; --chart-2: #16150f; --chart-3: #a56a00; --chart-4: #17803f; --chart-5: #6a675c;
  --overview-accent-1: #d9420f; --overview-accent-2: #16150f; --overview-accent-3: #a56a00;
  --sidebar: #ece9df;
  --sidebar-foreground: #16150f;
  --sidebar-primary: #d9420f;
  --sidebar-primary-foreground: #ffffff;
  --sidebar-accent: color-mix(in oklch, #d9420f 11%, #ece9df);
  --sidebar-accent-foreground: #16150f;
  --sidebar-border: rgba(22, 21, 15, .12);
  --sidebar-ring: #d9420f;
  --skeleton-base: #e4e0d4; --skeleton-highlight: #efece3;
}

html.dark:root, html.dark {
  --background: #11110e;
  --foreground: #eceadf;
  --card: #181814;
  --card-foreground: #eceadf;
  --popover: #1d1d18;
  --popover-foreground: #eceadf;
  --primary: #ff6a3d;
  --primary-foreground: #1a0d06;
  --secondary: #23231d;
  --secondary-foreground: #eceadf;
  --muted: #1c1c17;
  --muted-foreground: #9d9a8d;
  --accent: color-mix(in oklch, #ff6a3d 16%, #11110e);
  --accent-foreground: #eceadf;
  --destructive: #ff7b73;
  --success: #4cc27a;
  --warning: #e0a63a;
  --info: #6fb0e8;
  --border: rgba(236, 234, 223, .14);
  --input: rgba(236, 234, 223, .2);
  --ring: #ff6a3d;
  --chart-1: #ff6a3d; --chart-2: #eceadf; --chart-3: #e0a63a; --chart-4: #4cc27a; --chart-5: #9d9a8d;
  --overview-accent-1: #ff6a3d; --overview-accent-2: #eceadf; --overview-accent-3: #e0a63a;
  --sidebar: #0d0d0b;
  --sidebar-foreground: #eceadf;
  --sidebar-primary: #ff6a3d;
  --sidebar-primary-foreground: #1a0d06;
  --sidebar-accent: color-mix(in oklch, #ff6a3d 16%, #0d0d0b);
  --sidebar-accent-foreground: #eceadf;
  --sidebar-border: rgba(236, 234, 223, .12);
  --sidebar-ring: #ff6a3d;
  --skeleton-base: #23231d; --skeleton-highlight: #2e2e27;
}

body { font-family: var(--font-sans); letter-spacing: -.005em; }
h1, h2, h3 { letter-spacing: -.02em; }
code, pre, kbd, samp { font-family: var(--font-mono); }
::selection { background: var(--primary); color: var(--primary-foreground); }

/* шапка панели по умолчанию прозрачная и плывёт над контентом: даём ей фон и линию */
header.fixed.inset-x-0 { background: var(--background); border-bottom: 1px solid var(--border); }
/* наши страницы в iframe начинаются под шапкой, а не под ней */
iframe[src*="/_setka/"] { margin-top: 64px; height: calc(100svh - 64px) !important; }