/* Corgi inside Sherwood: same Corgi, wearing the forest.
   Only overrides; Corgi's own style.css stays identical to the 0xrenny/corgi repo. */
:root { --font-body: "Instrument Sans", "Helvetica Neue", Arial, sans-serif; --sw-gold: #f2c14e; }
:root[data-theme="dark"] {
  --bg: #08110c; --bg-2: #0d1912; --surface: #0d1912; --surface-2: #132218;
  --ink: #f1ead6; --ink-2: #cfd2c0; --muted: #a7ad97; --line: #1f2f24;
  --brand: #F09A4E; --brand-ink: #f2c14e; --brand-soft: #1d2a1c;
  --leaf: #5fbf6e; --berry: #e0805a; --sky: #7fb2de; --plum: #c9f27d;
  --paw: rgba(242, 193, 78, .12); --glow: rgba(242, 193, 78, .22);
  --shadow: 0 1px 2px rgba(0,0,0,.35), 0 14px 34px -16px rgba(0,0,0,.7);
}
:root[data-theme="dark"] body { background: radial-gradient(1100px 620px at 50% -12%, #13261a, transparent 70%), var(--bg); }
:root[data-theme="dark"] .topbar { background: rgba(8, 17, 12, .78); border-bottom-color: rgba(241,234,214,.1); }
:root[data-theme="dark"] .b1 { background: radial-gradient(circle, #1f4a2a, transparent 70%); }
:root[data-theme="dark"] .b2 { background: radial-gradient(circle, #4a3a12, transparent 70%); }
:root[data-theme="dark"] .b3 { background: radial-gradient(circle, #123a33, transparent 70%); }
:root[data-theme="dark"] .card, :root[data-theme="dark"] .entry { border-color: rgba(241,234,214,.1); }
:root[data-theme="dark"] .filters button[aria-pressed="true"] { color: #140f04; }
:root[data-theme="dark"] .filter-ink { background: var(--sw-gold); }

/* breadcrumb back into Sherwood */
.sw-crumb { display: flex; align-items: center; gap: 8px; font: 400 11px/1 "Silkscreen", ui-monospace, monospace; letter-spacing: .06em; text-transform: uppercase; margin-right: 2px; }
.sw-crumb a { color: var(--muted); text-decoration: none; display: inline-flex; align-items: center; gap: 7px; padding: 6px 4px; border-radius: 8px; transition: color .2s; }
.sw-crumb a:hover { color: var(--sw-gold); }
.sw-crumb img { image-rendering: pixelated; }
.sw-sep { color: var(--muted); opacity: .5; }
.sw-foot a { color: var(--brand-ink); }
@media (max-width: 640px) {
  .sw-home span, .sw-agents { display: none; }
  .sw-crumb .sw-sep:first-of-type { display: none; }
}

/* ---------- Sherwood premium layer (v3): type, grain, entrance ---------- */
:root { --font-display: "Instrument Sans", "Helvetica Neue", Arial, sans-serif; --sw-serif: "Instrument Serif", Georgia, serif; --sw-ease: cubic-bezier(.22,.8,.2,1); }
h1, h2, h3, .brand { font-stretch: 86%; letter-spacing: -.025em; font-weight: 600; }
#name { font-size: clamp(56px, 8vw, 104px); line-height: 1; padding-bottom: .06em; letter-spacing: -.04em; }
.tagline { font-family: var(--sw-serif); font-style: italic; font-weight: 400; font-size: clamp(22px, 2.4vw, 30px); color: var(--sw-gold); letter-spacing: -.01em; }
.sw-grain { position: fixed; inset: 0; z-index: 60; pointer-events: none; opacity: .05;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"); }
.topbar { animation: swDown .9s var(--sw-ease) both; }
.hero .mascot-wrap { animation: swRise 1.1s var(--sw-ease) .1s both; }
.hero-text > * { animation: swRise 1s var(--sw-ease) both; }
.hero-text > :nth-child(2) { animation-delay: .12s; } .hero-text > :nth-child(3) { animation-delay: .2s; }
.hero-text > :nth-child(4) { animation-delay: .28s; } .hero-text > :nth-child(5) { animation-delay: .36s; } .hero-text > :nth-child(6) { animation-delay: .44s; }
@keyframes swDown { from { opacity: 0; transform: translateY(-12px); } to { opacity: 1; transform: none; } }
@keyframes swRise { from { opacity: 0; transform: translateY(22px); } to { opacity: 1; transform: none; } }
:root[data-theme="dark"] .card { background: linear-gradient(180deg, rgba(241,234,214,.025), transparent 40%), var(--surface); }
:root[data-theme="dark"] .card:hover { border-color: rgba(242,193,78,.28); }
@media (prefers-reduced-motion: reduce) { .topbar, .hero .mascot-wrap, .hero-text > * { animation: none !important; } }