/* PUBLOG Base - CSS variables, theme colors */

:root {
  --primary: #58a6ff;
  --primary-hover: #d29922;
  --gh-bg: #0d1117;
  --gh-bg-subtle: #161b22;
  --gh-text: #c9d1d9;
  --gh-text-subtle: #8b949e;
  --gh-border: #21262d;
  --gh-blue: #58a6ff;
  --gh-gold: #d29922;
  --gh-green: #3fb950;
  --gh-red: #f85149;
  --gh-orange: #ff9a56;
  --content-width: 100%;
}

/* Responsive content width */
@media (min-width: 576px) { :root { --content-width: 510px; } }
@media (min-width: 768px) { :root { --content-width: 700px; } }
@media (min-width: 1024px) { :root { --content-width: 950px; } }
@media (min-width: 1280px) { :root { --content-width: 1200px; } }

/* Override Pico CSS colors to GitHub dark theme */
[data-theme="dark"] {
  --pico-primary: #58a6ff;
  --pico-primary-hover: #d29922;
  --pico-background-color: #0d1117;
  --pico-card-background-color: #0d1117;
  --pico-muted-border-color: #21262d;
  --pico-color: #c9d1d9;
  --pico-muted-color: #8b949e;
  --pico-code-background-color: #161b22;
}

/* Light theme */
[data-theme="light"] {
  --gh-bg: #ffffff;
  --gh-bg-subtle: #f6f8fa;
  --gh-text: #1f2328;
  --gh-text-subtle: #59636e;
  --gh-border: #d1d9e0;
  --gh-blue: #0969da;
  --gh-gold: #9a6700;
  --gh-green: #1a7f37;
  --gh-red: #cf222e;
}

/* Reset main padding and width */
main {
  padding-top: 0 !important;
  width: 100%;
  max-width: none !important;
  margin: 0 !important;
}

/* Login view full width */
#login-view {
  width: 100%;
}

/* Buttons - minimal */
button.secondary {
  --pico-background-color: transparent;
  --pico-border-color: var(--pico-muted-border-color);
  --pico-color: var(--pico-muted-color);
}
button.secondary:hover {
  --pico-border-color: var(--pico-primary);
  --pico-color: var(--pico-primary);
}