/* Direction: Workatlas — warm ivory paper, deep forest green, brass gold, an editorial 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: #f7f4ee;
  --surface: #ffffff;
  --surface-2: #efebe2;
  --border: #ddd7ca;
  --border-strong: #aeafaa;
  --ink: #13201b;
  --muted: #55625b;
  --accent: #1d5a47;
  --accent-hover: #194d3c;
  --accent-ink: #ffffff;
  --accent-text: #1d5a47;
  --accent-strong: #1d5a47;
  --accent-soft: #e0ede6;
  --accent-border: #95afa3;
  --success: #15803d;
  --success-ink: #ffffff;
  --success-soft: #dce6d9;
  --success-strong: #116d34;
  --warning: #b45309;
  --warning-ink: #ffffff;
  --warning-soft: #efe1d3;
  --warning-strong: #994607;
  --danger: #b91c1c;
  --danger-ink: #ffffff;
  --danger-soft: #f0dad5;
  --danger-strong: #b91c1c;
  --chart-1: #1d5a47;
  --chart-2: #007195;
  --chart-3: #4d3c8e;
  --chart-4: #943d6d;
  --chart-5: #7b3604;
  --chart-6: #696813;

  --font-display: "Instrument Serif", Georgia, serif;
  --font-body: "Inter", system-ui, sans-serif;
  --display-weight: 400;
  --display-tracking: -0.02em;
  --radius-card: 20px;
  --radius-btn: 999px;
  --radius-input: 12px;
  --x-band: #0e2219;
  --x-on-photo: #ffffff;
  --x-gold: #d4ad63;
  --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: #040d0a;
  --surface: #1d2523;
  --surface-2: #111916;
  --border: #272f2c;
  --border-strong: #4f5654;
  --ink: #f7f4ee;
  --muted: #969893;
  --accent: #1d5a47;
  --accent-hover: #3f7363;
  --accent-ink: #ffffff;
  --accent-text: #6a9286;
  --accent-strong: #6a9286;
  --accent-soft: #0a1e17;
  --accent-border: #0f3025;
  --success: #15803d;
  --success-ink: #ffffff;
  --success-soft: #082615;
  --success-strong: #499c68;
  --warning: #b45309;
  --warning-ink: #ffffff;
  --warning-soft: #2b1c0a;
  --warning-strong: #c57a40;
  --danger: #b91c1c;
  --danger-ink: #ffffff;
  --danger-soft: #2c100e;
  --danger-strong: #d16969;
  --chart-1: #427d68;
  --chart-2: #1697c3;
  --chart-3: #7e71c9;
  --chart-4: #bc6191;
  --chart-5: #bd6532;
  --chart-6: #8f8c12;
}

.scrim {
  background: linear-gradient(to top, color-mix(in srgb, black 78%, transparent), color-mix(in srgb, black 25%, transparent) 55%, color-mix(in srgb, black 12%, transparent));
}
details > summary::-webkit-details-marker { display: none; }
select option[hidden] { display: none; }
em { font-style: italic; }
html, body { overflow-x: clip; }
@keyframes rise { from { transform: translateY(24px); } to { transform: none; } }
[data-inview].is-in > * { animation: rise 0.8s cubic-bezier(0.2, 0.7, 0.2, 1) both; }
[data-inview].is-in > *:nth-child(2) { animation-delay: 0.1s; }
[data-inview].is-in > *:nth-child(3) { animation-delay: 0.2s; }
html.reduced-motion [data-inview].is-in > * { animation: none; }