/* Direction: Redress — a college registrar's desk. Ivory paper, ink navy, maroon seal, serif display */
/* Completed by the platform from the short form: both modes, every
   palette token, each text-on-ground pair at its floor. To restyle, write the
   short form again (the decisions in one :root) and it is completed again. */

:root {
  --canvas: #f7f3ec;
  --surface: #fffdf8;
  --surface-2: #efe9dd;
  --border: #ddd4c4;
  --border-strong: #b3aca8;
  --ink: #1f2433;
  --muted: #5d6070;
  --accent: #8c2f39;
  --accent-hover: #772830;
  --accent-ink: #ffffff;
  --accent-text: #8c2f39;
  --accent-strong: #8c2f39;
  --accent-soft: #f3dfe0;
  --accent-border: #c79b9b;
  --success: #2f7a4d;
  --success-ink: #ffffff;
  --success-soft: #dfe4d9;
  --success-strong: #2b7047;
  --warning: #a8620b;
  --warning-ink: #ffffff;
  --warning-soft: #eee2d1;
  --warning-strong: #8f5309;
  --danger: #b3261e;
  --danger-ink: #ffffff;
  --danger-soft: #efdad3;
  --danger-strong: #b3261e;
  --chart-1: #8c2f39;
  --chart-2: #906405;
  --chart-3: #235c00;
  --chart-4: #097679;
  --chart-5: #164b92;
  --chart-6: #884f9b;

  --font-display: "Fraunces", Georgia, serif;
  --font-body: "Inter", system-ui, sans-serif;
  --radius-card: 10px;
  --radius-btn: 8px;
  --display-weight: 600;
  --display-tracking: -0.02em;
  --font-mono: "JetBrains Mono Variable", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --font-sans: "Inter", system-ui, sans-serif;
  --eyebrow-tracking: 0.08em;
}

html[data-theme="dark"] {
  --canvas: #140708;
  --surface: #2c2021;
  --surface-2: #201314;
  --border: #352a2b;
  --border-strong: #5b5152;
  --ink: #f7f3ec;
  --muted: #9c9591;
  --accent: #8c2f39;
  --accent-hover: #9d4e57;
  --accent-ink: #ffffff;
  --accent-text: #b98186;
  --accent-strong: #b3767c;
  --accent-soft: #2e1013;
  --accent-border: #4a191e;
  --success: #2f7a4d;
  --success-ink: #ffffff;
  --success-soft: #1a2017;
  --success-strong: #5d9874;
  --warning: #a8620b;
  --warning-ink: #ffffff;
  --warning-soft: #351b09;
  --warning-strong: #bb8641;
  --danger: #b3261e;
  --danger-ink: #ffffff;
  --danger-soft: #370e0d;
  --danger-strong: #cd706b;
  --chart-1: #b4535a;
  --chart-2: #bc8519;
  --chart-3: #579240;
  --chart-4: #219da0;
  --chart-5: #4b80cd;
  --chart-6: #ae73c1;
}

/* Timeline rail */
.rail { position: relative; }
.rail::before { content: ""; position: absolute; left: 15px; top: 8px; bottom: 8px; width: 2px; background: var(--border); }
.rail > li { position: relative; }
.row-lift { transition: transform .15s ease, box-shadow .15s ease; }
.row-lift:hover { transform: translateY(-1px); }
.row-lift:active { transform: translateY(0); }
html.reduced-motion .row-lift { transition: none; }
html.reduced-motion .row-lift:hover { transform: none; }