/* Git.eu — Brand overrides for DaisyUI dark theme */

[data-theme="dark"] {
  --color-primary: oklch(0.40 0.12 260);    /* #223388 */
  --color-accent: oklch(0.72 0.19 130);     /* #77bb00 */
  --color-base-100: oklch(0.15 0.02 260);   /* ~#0a0d14 */
  --color-base-200: oklch(0.18 0.02 260);   /* ~#111622 */
  --color-base-300: oklch(0.25 0.02 260);   /* ~#1c2233 */
  --color-base-content: oklch(0.92 0 0);    /* ~#e8e8e8 */
  --color-primary-content: oklch(0.95 0 0);
  --color-accent-content: oklch(0.15 0 0);
  --color-neutral: oklch(0.30 0.02 260);
  --color-neutral-content: oklch(0.95 0 0);
}

:root {
  --font-mono:
    ui-monospace, "Cascadia Code", "SF Mono", Menlo, Monaco, Consolas, monospace;
  --font-sans:
    -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
}

body {
  font-family: var(--font-sans);
}

/* Brand accent on highlights */
.text-brand {
  color: oklch(0.72 0.19 130);
}

/* Mono font utility */
.font-brand-mono {
  font-family: var(--font-mono);
}

/* Selection color */
::selection {
  background: oklch(0.40 0.12 260);
  color: oklch(0.95 0 0);
}

/* Nav active state: accent green background */
.menu a.active,
.btn.btn-active {
  background-color: oklch(0.72 0.19 130);
  color: oklch(0.15 0 0);
}

/* 1 -- Accent button: transition + subtle lift on hover */
.btn-accent {
  transition: transform 0.15s ease, box-shadow 0.15s ease, filter 0.15s ease;
}
.btn-accent:hover {
  transform: translateY(-2px);
  filter: brightness(1.1);
  box-shadow: 0 4px 16px oklch(0.72 0.19 130 / 0.35);
}
.btn-accent:active {
  transform: translateY(0);
  filter: brightness(0.95);
  box-shadow: none;
}

/* 2 -- Green underline accent on H1 and H2 inside articles */
article h1,
article h2 {
  position: relative;
  padding-bottom: 0.4rem;
}
article h1::after,
article h2::after {
  content: "";
  display: block;
  width: 2rem;
  height: 2px;
  background: oklch(0.72 0.19 130);
  margin-top: 0.4rem;
  border-radius: 1px;
}

/* 3 -- Styled <hr> replacing the plain base-300 border */
article hr {
  border: none;
  height: 1px;
  background: linear-gradient(
    to right,
    transparent,
    oklch(0.72 0.19 130 / 0.4),
    transparent
  );
  margin: 2.5rem 0;
}

/* 4 -- Replace default disc bullets with accent-colored squares */
article ul li::marker {
  content: "▪ ";
  color: oklch(0.72 0.19 130);
  font-size: 0.85em;
}

/* 5 -- Animated underline on content links */
article a:not(.btn) {
  text-decoration: none;
  background-image: linear-gradient(oklch(0.72 0.19 130), oklch(0.72 0.19 130));
  background-size: 0% 1px;
  background-repeat: no-repeat;
  background-position: left bottom;
  transition: background-size 0.2s ease;
}
article a:not(.btn):hover {
  background-size: 100% 1px;
}

/* 6 -- Sticky in-page nav links in the aside */
aside .menu a {
  font-size: 0.8125rem;
  color: var(--color-base-content);
  opacity: 0.6;
  transition: opacity 0.15s ease, padding-left 0.15s ease;
  border-left: 2px solid transparent;
  border-radius: 0;
  padding-left: 0.75rem;
}
aside .menu a:hover,
aside .menu a.active {
  opacity: 1;
  border-left-color: oklch(0.72 0.19 130);
  padding-left: 1rem;
  background: transparent;
  color: oklch(0.72 0.19 130);
}