/* Oak & Gable brand for Postiz, injected by Caddy (tools/postiz/Caddyfile). Postiz keeps its colours in
   --new-* / --color-* variables; these override colours, fonts and the logo only. Check after upgrades. */
@import url("https://fonts.googleapis.com/css2?family=Playfair+Display:wght@500;600&family=Inter:wght@400;500;600&display=swap");

:root .dark, :root .light, html:root .dark, html:root .light {
  --color-primary: #17120d;
  --color-third: #120e0a;
  --color-forth: #a5582a;
  --color-custom28: #e9be8d;
  --color-custom29: #3b2c1a;
  --color-custom30: #8c6a2c;
  --color-custom41: #f5e8d0;
  --new-table-text-focused: #d99a5b;
  --new-blockSeparator: #2a2116;
  --new-bgColor: #17120d;
  --new-bgColorInner: #1e1810;
  --new-bgLineColor: #2a2116;
  --new-col-color: #2a2116;
  --new-border: #33291c;
  --new-sep: #4a3b28;
  --new-box-hover: #241c13;
  --new-settings: #241c13;
  --new-table-header: #1e1810;
  --new-table-border: #33291c;
  --new-small-strips: #1e1810;
  --new-big-strips: #1b150e;
  --new-textItemFocused: #241c13;
  --new-textItemBlur: #a39880;
  --new-btn-primary: #a5582a;
  --new-btn-simple: #33291c;
  --new-btn-text: #fffaf0;
  --new-ai-btn: #8c6a2c;
  --color-seventh: #c9a15a;
  --color-custom4: #c9a15a;
  --color-custom7: #c9a15a;
  --color-custom45: #a5582a;
  --color-input: #1e1810;
  --color-sixth: #1e1810;
  --color-secondary: #120e0a;
}
body, button, input, textarea, select { font-family: Inter, sans-serif !important; }
h1, h2 { font-family: "Playfair Display", Georgia, serif !important; font-weight: 600 !important; }
/* Our logo in place of Postiz's (its logo is an inline SVG with this viewBox). */
svg[viewBox="0 0 101 33"] { display: none !important; }
*:has(> svg[viewBox="0 0 101 33"])::before {
  content: ""; display: block; width: 190px; height: 40px;
  background: url("/og-brand/logo-horizontal-cream.svg") no-repeat left center / contain;
}
/* Sign-in page: our oak photograph instead of Postiz's advert panel. */
div.min-h-screen.w-screen { background: #17120d !important; }
div.min-h-screen.w-screen > :nth-child(2) {
  background: linear-gradient(90deg, rgba(23,18,13,.55), rgba(23,18,13,0) 60%), url("/og-brand/cover.jpg") center / cover no-repeat !important;
  border-radius: 14px;
}
div.min-h-screen.w-screen > :nth-child(2) > * { visibility: hidden !important; }