/* Giao diện Pineapple cho Postiz: màu và font lấy từ Pineapple Salon (public/index.html).
   nginx trong container chèn file này vào cuối <head> nên nó đè lên CSS gốc của Postiz. */
@import url("https://fonts.googleapis.com/css2?family=Mulish:wght@400;500;600;700&display=swap");
@font-face { font-family: PineBody; src: url(/pineapple-theme/averta-regular.woff2) format("woff2"); font-weight: 400 500; font-display: swap; }
@font-face { font-family: PineBody; src: url(/pineapple-theme/averta-semibold.woff2) format("woff2"); font-weight: 600; font-display: swap; }
@font-face { font-family: PineBody; src: url(/pineapple-theme/averta-bold.woff2) format("woff2"); font-weight: 700 900; font-display: swap; }

html body, html body *:not(code):not(pre):not(kbd):not(.set-font-family) {
  font-family: "PineBody", "Mulish", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif !important;
}

/* Sáng: nền kem, viền be, vàng dứa làm màu chính (giống Salon) */
html:root .light {
  --new-back-drop: #54401466;
  --new-settings: #fbf3e0;
  --new-sep: #efe2c4;
  --new-border: #efe2c4;
  --new-bgColor: #fffbf1;
  --new-bgColorInner: #ffffff;
  --new-bgLineColor: #efe2c4;
  --new-textItemFocused: #a2700d;
  --new-textItemBlur: #6f675a;
  --new-boxFocused: #fcefd0;
  --new-textColor: 36 36 36;
  --new-blockSeparator: #f5ead2;
  --new-btn-simple: #fbf3e0;
  --new-btn-text: #242424;
  --new-btn-primary: #dc9f22;
  --new-ai-btn: #e83d30;
  --new-box-hover: #fcefd0;
  --new-table-border: #efe2c4;
  --new-table-header: #fbf3e0;
  --new-table-text: #6f675a;
  --new-table-text-focused: #a2700d;
  --new-big-strips: #fbf3e0;
  --new-col-color: #f5ead2;
  --popup-color: rgba(84, 64, 20, 0.18);
  --color-primary: #fffbf1;
  --color-text: #242424;
  --color-forth: #dc9f22;
  --color-seventh: #dc9f22;
  --color-custom4: #dc9f22;
  --color-custom7: #dc9f22;
  --color-custom28: #e8b54a;
  --color-custom29: #fcefd0;
  --color-custom45: #dc9f22;
  --color-custom51: #dc9f22;
}

/* Tối: nâu sẫm ấm như chế độ tối của Salon */
html:root .dark {
  --new-back-drop: #000000aa;
  --new-settings: #2a2216;
  --new-border: #3a3122;
  --new-bgColor: #16120b;
  --new-bgColorInner: #201a11;
  --new-sep: #3a3122;
  --new-bgLineColor: #2a2216;
  --new-textItemFocused: #2a2216;
  --new-textItemBlur: #b3a68c;
  --new-boxFocused: #f3ead8;
  --new-textColor: 243 234 216;
  --new-blockSeparator: #2a2216;
  --new-btn-simple: #2a2216;
  --new-btn-text: #f3ead8;
  --new-btn-primary: #dc9f22;
  --new-ai-btn: #e83d30;
  --new-box-hover: #2a2216;
  --new-table-border: #3a3122;
  --new-table-header: #201a11;
  --new-table-text: #b3a68c;
  --new-table-text-focused: #f0c665;
  --new-small-strips: #1b160e;
  --new-big-strips: #1b160e;
  --new-col-color: #2a2216;
  --color-primary: #16120b;
  --color-secondary: #120f09;
  --color-text: #f3ead8;
  --color-third: #120f09;
  --color-forth: #dc9f22;
  --color-seventh: #dc9f22;
  --color-custom4: #dc9f22;
  --color-custom7: #e8b54a;
  --color-custom28: #e8b54a;
  --color-custom29: #3a2e14;
  --color-custom45: #dc9f22;
  --color-custom51: #dc9f22;
}

/* Các chỗ Postiz ghi thẳng mã tím thay vì dùng biến */
.bg-\[\#612BD3\], .bg-\[\#612bd3\] { background-color: #dc9f22 !important; }
.bg-\[\#612bd3\]\/10 { background-color: #dc9f221a !important; }
.text-\[\#612BD3\], .text-\[\#612bd3\] { color: #a2700d !important; }
.dark .text-\[\#612BD3\], .dark .text-\[\#612bd3\] { color: #f0c665 !important; }
.hover\:bg-\[\#612BD3\]\/80:hover { background-color: #dc9f22cc !important; }
.hover\:border-\[\#612BD3\]\/40:hover { border-color: #dc9f2266 !important; }
.hover\:border-\[\#612bd3\]\/50:hover { border-color: #dc9f2280 !important; }
.scrollbar-thumb-\[\#612AD5\] { --scrollbar-thumb: #dc9f22 !important; }
.bg-\[\#D82D7E\], .bg-\[\#d82d7e\] { background-color: #128a4a !important; }