/* Locked design system — palette + typography reused across portfolio + competitive-org-map + EA Toolkit + this demo. */

:root {
  /* Cream */
  --paper: #F5F2EA;
  --paper-warm: #EDE8DA;

  /* Jade */
  --jade: #373C2B;
  --jade-deep: #262a1e;
  --ink: #1a1d14;

  /* Jasper */
  --jasper: #DAFF00;
  --jasper-dim: #b8d600;

  /* Amber */
  --amber: #d4892b;

  /* Lines */
  --line: rgba(55, 60, 43, 0.18);
  --line-soft: rgba(55, 60, 43, 0.08);

  /* Type */
  --muted: rgba(55, 60, 43, 0.62);
}

@import url('https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=Inter+Tight:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap');

body {
  font-family: 'Inter Tight', -apple-system, sans-serif;
  background: var(--paper);
  color: var(--jade);
}

h1, h2, h3 { font-family: 'Instrument Serif', serif; font-weight: 400; }
h1 em, h2 em, h3 em { font-style: italic; }

.eyebrow {
  font-family: 'JetBrains Mono', monospace;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--muted);
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.eyebrow .dot {
  width: 6px; height: 6px; border-radius: 50%;
  background: var(--jade);
}