/* ─── HOME THEME (default dark) ─── */
:root {
  --accent: rgb(161, 255, 231);
  --page-bg: #181818;
  --col1-bg: #181818;
  --text-primary: #ffffff;
  --text-secondary: #ffffffe0;
  --col1-accent: #C73555;
  --col1-bg-gradient: linear-gradient(#242424, #272727);
  --scrollbar-rest: #313131;
  --scrollbar-hover: #c7c7c7;
  --border-color: #c3c3c3;
  --icon-color: #ffffff;
  --icon-hover: rgb(161, 255, 231);
  --filter-text: #ffffff;
  --filter-text-dim: rgba(255, 255, 255, 0.5);
  --filter-hover-text: rgba(255, 255, 255, 0.7);
  --filter-active-text: #ffffff;
  --filter-mobile-resting-text: rgba(167, 167, 167, 0.56);
  --filter-mobile-hover-text: rgba(255, 255, 255, 0.56);
  --filter-mobile-active-bg: rgb(161, 255, 231);
  --filter-mobile-active-text: #000000;
  --filter-mobile-bg: #181818;
}

/* ─── HOME THEME (bright) ─── */
[data-theme="bright"] {
  --accent: rgb(0, 150, 130);
  --page-bg: #f0f0f0;
  --col1-bg: #ffffff;
  --text-primary: #1a1a1a;
  --text-secondary: #555555;
  --col1-accent: #C73555;
  --col1-bg-gradient: linear-gradient(#e8e8e8, #d0d0d0);
  --scrollbar-rest: #b0b0b0;
  --scrollbar-hover: #888888;
  --border-color: #d0d0d0;
  --icon-color: #1a1a1a;
  --icon-hover: rgb(0, 150, 130);
  --filter-text: #1a1a1a;
  --filter-text-dim: rgba(26, 26, 26, 0.5);
  --filter-hover-text: rgba(26, 26, 26, 0.7);
  --filter-active-text: #1a1a1a;
  --filter-mobile-resting-text: rgba(0, 0, 0, 0.56);
  --filter-mobile-hover-text: rgba(0, 0, 0, 0.56);
  --filter-mobile-active-bg: rgb(0, 150, 130);
  --filter-mobile-active-text: #ffffff;
  --filter-mobile-bg: #ffffff;
}

/* ─── POST & STATIC THEME (dark) ─── */
.layout-post,
.layout-static {
  --accent: rgb(161, 255, 231);
  --page-bg: #181818;

  --sidebar-bg: var(--dominant-color, #181818);
  --sidebar-text: #ffffff;
  --sidebar-text-secondary: #ffffffe0;
  --sidebar-heading: #ffffff;
  --sidebar-static-text: #000000;

  --content-text: #ffffffe0;
  --content-heading: #ffffff;
  --content-link: var(--dominant-color, var(--page-bg));

  --scrollbar-rest: #313131;
  --scrollbar-hover: #c7c7c7;
  --border-color: #c3c3c3;
  --icon-color: #ffffff;
  --icon-hover: #ffffff;
}

/* ─── POST & STATIC THEME (bright) ─── */
html[data-theme="bright"] .layout-post,
html[data-theme="bright"] .layout-static {
  --accent: rgb(0, 150, 130);
  --page-bg: #f0f0f0;

  --sidebar-bg: var(--dominant-color, #f0f0f0);
  --sidebar-text: #ffffff;
  --sidebar-text-secondary: #ffffff;
  --sidebar-heading: #ffffff;
  --sidebar-static-text: #ffffff;

  --content-text: #333333;
  --content-heading: #1a1a1a;
  --content-link: var(--dominant-color, #333333);

  --scrollbar-rest: #b0b0b0;
  --scrollbar-hover: #888888;
  --border-color: #d0d0d0;
  --icon-color: #ffffff;
  --icon-hover: #1a1a1a;
}