/* Hohenja — v1 shared stylesheet
   Brand v1 (July 2026): Proper-case bold wordmark "Hohenja" (weight 700).
   Paper #F4F0E5 · Surface #FBF8F1 · Ink #14130F
   Departments: 01 AI #035A20 (primary) · 02 Management #15307A ·
   03 Systems Design #A67A03 · 04 Computer Services #A8430A ·
   05 Technical Support #8E1A12 · Accent only: Violet #5A2A82
   Rule: never white type on light tints — ink on tints, white on deep steps. */

:root {
  color-scheme: light;
  --paper: #F4F0E5;
  --surface: #FBF8F1;
  --ink: #14130F;
  --muted: #6E6B61;
  --hairline: #DAD3C4;
  --green: #035A20;
  --blue: #15307A;
  --gold: #A67A03;
  --orange: #A8430A;
  --red: #8E1A12;
  --violet: #5A2A82; /* accent only */
}

* { box-sizing: border-box; }
html { forced-color-adjust: none; scroll-behavior: smooth; }
html, body { margin: 0; padding: 0; background: var(--paper); }
body { font-family: 'Archivo', sans-serif; color: var(--ink); overflow-x: hidden; }
::selection { background: var(--green); color: var(--paper); }
a { color: inherit; text-decoration: none; }

.mono {
  font-family: 'Space Mono', monospace;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  font-size: 12px;
}

.wordmark { font-weight: 700; letter-spacing: 0.02em; }

/* nav underline */
.navlink { position: relative; }
.navlink::after {
  content: ""; position: absolute; left: 0; bottom: -4px;
  height: 2px; width: 0; background: var(--green);
  transition: width .26s ease;
}
.navlink:hover::after { width: 100%; }

/* reveal on load */
@keyframes hohReveal { from { transform: translateY(20px); } to { transform: none; } }
[data-reveal] { animation: hohReveal .8s cubic-bezier(.2,.7,.2,1) both; }
@media (prefers-reduced-motion: reduce) { [data-reveal] { animation: none !important; } }

/* department rows — ink on light tints, per brand rule */
.dept-row { transition: background .28s ease, padding .28s ease; }
.dept-row:hover { padding-left: 24px; padding-right: 24px; }
.row-green:hover  { background: #E6F0E8; }
.row-blue:hover   { background: #E4E8F2; }
.row-gold:hover   { background: #F3EAD2; }
.row-orange:hover { background: #F5E2D5; }
.row-red:hover    { background: #F2DAD7; }

/* coming-soon rise */
@keyframes hohRise { from { transform: translateY(16px); } to { transform: none; } }
.rise { animation: hohRise .9s cubic-bezier(.2,.7,.2,1) both; }
.rise-2 { animation-delay: .12s; }
.rise-3 { animation-delay: .22s; }
.rise-4 { animation-delay: .32s; }
@media (prefers-reduced-motion: reduce) { .rise { animation: none; } }