/* ============================================================
   SquidBuddy — pink-purple primary overlay on Gitea themes
   Aligned with the TUI squid palette (src/tui/logo.rs):
     bright = xterm 212 #ff87d7  (primary)
     dim    = xterm 168 #d75f87  (deep accent)
   The ramp keeps hue ~316° throughout so every shade stays in
   the same pink-magenta family as the TUI logo.

   Loaded after the active theme CSS via custom/extra_links.tmpl,
   so :root rules below win the cascade and rewire Gitea's
   --color-primary-* token family for every theme.
   ============================================================ */

:root {
  /* SquidBuddy brand tokens (TUI-aligned) */
  --sb-pink:        #ff87d7;
  --sb-pink-bright: #ffa3e0;
  --sb-pink-dim:    #d75f87;
  --sb-pink-deep:   #561240;
  --sb-focus-ring:  0 0 0 3px rgba(255, 135, 215, 0.30);

  /* Gitea primary palette — values that don't depend on light/dark */
  --color-primary:           #ff87d7;
  --color-primary-alpha-10:  #ff87d71a;
  --color-primary-alpha-20:  #ff87d733;
  --color-primary-alpha-30:  #ff87d74d;
  --color-primary-alpha-40:  #ff87d766;
  --color-primary-alpha-50:  #ff87d780;
  --color-primary-alpha-60:  #ff87d799;
  --color-primary-alpha-70:  #ff87d7b3;
  --color-primary-alpha-80:  #ff87d7cc;
  --color-primary-alpha-90:  #ff87d7e6;
  --color-primary-hover:     var(--color-primary-light-1);
  --color-primary-active:    var(--color-primary-light-2);
}

/* ---- Dark themes: dark-N steps toward light text, light-N steps toward dark bg ---- */
:root[data-theme="github-dark"],
:root[data-theme="github-soft-dark"],
:root[data-theme="gitea-dark"] {
  --color-primary-contrast: #fff5fc;
  --color-primary-dark-1: #ffa3e0;
  --color-primary-dark-2: #ffb8e8;
  --color-primary-dark-3: #ffcdef;
  --color-primary-dark-4: #ffdcf3;
  --color-primary-dark-5: #ffe8f7;
  --color-primary-dark-6: #fff2fb;
  --color-primary-dark-7: #fff9fd;
  --color-primary-light-1: #f56dc3;
  --color-primary-light-2: #db4ca8;
  --color-primary-light-3: #bb338d;
  --color-primary-light-4: #962371;
  --color-primary-light-5: #761957;
  --color-primary-light-6: #561240;
  --color-primary-light-7: #350a28;
  --color-primary-hover:  var(--color-primary-dark-1);
  --color-primary-active: var(--color-primary-dark-2);
}

/* ---- Light themes: dark-N steps toward dark text, light-N steps toward white bg ---- */
:root[data-theme="github-light"],
:root[data-theme="gitea-light"] {
  --color-primary-contrast: #ffffff;
  --color-primary-dark-1: #f56dc3;
  --color-primary-dark-2: #db4ca8;
  --color-primary-dark-3: #bb338d;
  --color-primary-dark-4: #962371;
  --color-primary-dark-5: #761957;
  --color-primary-dark-6: #561240;
  --color-primary-dark-7: #350a28;
  --color-primary-light-1: #ffa3e0;
  --color-primary-light-2: #ffb8e8;
  --color-primary-light-3: #ffcdef;
  --color-primary-light-4: #ffdcf3;
  --color-primary-light-5: #ffe8f7;
  --color-primary-light-6: #fff2fb;
  --color-primary-light-7: #fff9fd;
  --color-primary-hover:  var(--color-primary-dark-1);
  --color-primary-active: var(--color-primary-dark-2);
}

/* ---- Auto themes: pick palette via prefers-color-scheme ---- */
@media (prefers-color-scheme: dark) {
  :root[data-theme="github-auto"],
  :root[data-theme="gitea-auto"] {
    --color-primary-contrast: #fff5fc;
    --color-primary-dark-1: #ffa3e0;
    --color-primary-dark-2: #ffb8e8;
    --color-primary-dark-3: #ffcdef;
    --color-primary-dark-4: #ffdcf3;
    --color-primary-dark-5: #ffe8f7;
    --color-primary-dark-6: #fff2fb;
    --color-primary-dark-7: #fff9fd;
    --color-primary-light-1: #f56dc3;
    --color-primary-light-2: #db4ca8;
    --color-primary-light-3: #bb338d;
    --color-primary-light-4: #962371;
    --color-primary-light-5: #761957;
    --color-primary-light-6: #561240;
    --color-primary-light-7: #350a28;
    --color-primary-hover:  var(--color-primary-dark-1);
    --color-primary-active: var(--color-primary-dark-2);
  }
}
@media (prefers-color-scheme: light) {
  :root[data-theme="github-auto"],
  :root[data-theme="gitea-auto"] {
    --color-primary-contrast: #ffffff;
    --color-primary-dark-1: #f56dc3;
    --color-primary-dark-2: #db4ca8;
    --color-primary-dark-3: #bb338d;
    --color-primary-dark-4: #962371;
    --color-primary-dark-5: #761957;
    --color-primary-dark-6: #561240;
    --color-primary-dark-7: #350a28;
    --color-primary-light-1: #ffa3e0;
    --color-primary-light-2: #ffb8e8;
    --color-primary-light-3: #ffcdef;
    --color-primary-light-4: #ffdcf3;
    --color-primary-light-5: #ffe8f7;
    --color-primary-light-6: #fff2fb;
    --color-primary-light-7: #fff9fd;
    --color-primary-hover:  var(--color-primary-dark-1);
    --color-primary-active: var(--color-primary-dark-2);
  }
}

/* ---- Focus ring polish: pink glow on interactive primary surfaces ---- */
.ui.primary.button:focus,
.ui.primary.button:focus-visible,
input:focus-visible,
button:focus-visible {
  box-shadow: var(--sb-focus-ring);
}

/* ---- Logo glow on the navbar (subtle pink drop-shadow, dark themes only) ---- */
:root[data-theme="github-dark"] #navbar-logo img,
:root[data-theme="github-soft-dark"] #navbar-logo img,
:root[data-theme="gitea-dark"] #navbar-logo img {
  filter: drop-shadow(0 0 6px rgba(255, 135, 215, 0.45));
}

/* ============================================================
   GitHub Soft Dark — pink/orange brand refinement
   Scoped to data-theme="github-soft-dark" only. Goal: warm the
   neutrals slightly toward magenta-grey, replace blue-alpha
   highlight leaks with pink alpha, and recolour the contribution
   heatmap from GitHub green to a pink → orange ramp.
   ============================================================ */
:root[data-theme="github-soft-dark"] {
  /* Warm-shifted surface neutrals (kept within dark-theme luminance) */
  --color-body:       #23222e;
  --color-box-header: #2a2632;
  --color-nav-bg:     #1a1620;
  --color-hover:      #322a36;

  /* Patch the remaining blue-alpha highlights that the theme leaks */
  --color-box-body-highlight: var(--color-primary-alpha-10);
  --color-reaction-active-bg: var(--color-primary-alpha-10);
  --color-reaction-hover-bg:  var(--color-primary-alpha-20);

  /* Contribution heatmap — replace GitHub green ramp with pink→orange.
     Level 0 = empty cell (warm-neutral, blends with body),
     1-3    = magenta → rose-pink (brand-tied),
     4-5    = peach → orange-coral (warm highlight). */
  --github-contribution-default-bgColor-0: #2d2832;
  --github-contribution-default-bgColor-1: #5a1f3e;
  --github-contribution-default-bgColor-2: #8e2c52;
  --github-contribution-default-bgColor-3: #d05074;
  --github-contribution-default-bgColor-4: #ee7d5e;
  --github-contribution-default-bgColor-5: #ffa860;
}

/* Text selection — pink alpha */
:root[data-theme="github-soft-dark"] ::selection {
  background-color: var(--color-primary-alpha-30);
}

/* Top navbar — subtle pink wash + 1px brand divider */
:root[data-theme="github-soft-dark"] #navbar {
  background-image: linear-gradient(
    rgba(255, 135, 215, 0.04),
    rgba(255, 135, 215, 0.04)
  );
  border-bottom: 1px solid rgba(255, 135, 215, 0.18);
}

/* Markdown / repo-button links — pink underline tint on hover */
:root[data-theme="github-soft-dark"] .markup a:hover,
:root[data-theme="github-soft-dark"] .repo-buttons a:hover {
  text-decoration-color: var(--color-primary);
}

/* Scrollbar thumb — pink tint on hover */
:root[data-theme="github-soft-dark"] ::-webkit-scrollbar-thumb:hover {
  background-color: var(--color-primary-alpha-50);
}

/* Primary button — soft pink halo on hover */
:root[data-theme="github-soft-dark"] .ui.primary.button:hover {
  box-shadow: 0 0 8px rgba(255, 135, 215, 0.35);
}