/* Light Theme Variables */
html[data-theme="light"] {
  --gkpg-ink: #f8f7f0;       /* Light paper background */
  --gkpg-surface: #eeebe0;   /* Slightly darker cream */
  --gkpg-surface-2: #e3decb; /* Even darker cream */
  --gkpg-paper: #0c0e0b;     /* Dark ink for text */
  --gkpg-paper-dim: #5c6052; /* Muted dark text */
  --gkpg-lime: #547100;      /* Accessible darker lime green on light bg */
  --gkpg-lime-deep: #415700;
  --gkpg-coral: #c83b16;
  --gkpg-steel: #395b6c;     /* Darker steel blue */
  --gkpg-line: #c9c7ba;      /* Light line color */
  --gkpg-line-soft: #dad8cc; /* Softer light line color */
}

/* Float button styles - positioned symmetrically to the back-to-top button but on the left */
.gkpg-theme-toggle {
  position: fixed;
  left: 1.2rem;
  bottom: 6.5rem;
  z-index: 110;
  width: 44px;
  height: 44px;
  display: grid;
  place-items: center;
  background: var(--gkpg-lime);
  color: var(--gkpg-ink);
  border: none;
  font-size: 1.2rem;
  cursor: pointer;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4);
  transition: transform var(--gkpg-ease), background-color var(--gkpg-ease), box-shadow var(--gkpg-ease);
}

html[data-theme="light"] .gkpg-theme-toggle {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}

.gkpg-theme-toggle:hover {
  transform: scale(1.08);
  background-color: var(--gkpg-lime-deep);
}

.gkpg-theme-toggle svg {
  width: 18px;
  height: 18px;
  fill: currentColor;
}