/* Direction: Signal Desk — cool paper, deep ink, one electric indigo; a grotesk display and mono data */
/* 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: #f5f5f2;
  --surface: #ffffff;
  --surface-2: #ebebe6;
  --border: #dcdcd4;
  --border-strong: #aeaeb2;
  --ink: #12131a;
  --muted: #5d5f6b;
  --accent: #4338ca;
  --accent-hover: #3930ac;
  --accent-ink: #ffffff;
  --accent-text: #4338ca;
  --accent-strong: #4338ca;
  --accent-soft: #dcdbec;
  --accent-border: #a5a0e0;
  --success: #15803d;
  --success-ink: #ffffff;
  --success-soft: #dae7dc;
  --success-strong: #116d34;
  --warning: #a35a06;
  --warning-ink: #ffffff;
  --warning-soft: #ebe2d6;
  --warning-strong: #965306;
  --danger: #b42318;
  --danger-ink: #ffffff;
  --danger-soft: #eddcd8;
  --danger-strong: #b42318;
  --chart-1: #4338ca;
  --chart-2: #b7269d;
  --chart-3: #892500;
  --chart-4: #7b6a14;
  --chart-5: #0f5c38;
  --chart-6: #0d7a91;

  --font-display: "Space Grotesk", ui-sans-serif, system-ui, sans-serif;
  --font-body: "Inter", ui-sans-serif, system-ui, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, Menlo, monospace;
  --display-weight: 700;
  --display-tracking: -0.03em;
  --radius-card: 12px;
  --radius-btn: 8px;
  --radius-input: 8px;
  --x-band: #0e0f1f;
  --x-band-ink: #f2f1ec;
  --x-band-muted: #b3b5c7;
  --x-on-photo: #ffffff;
  --font-sans: "Inter", ui-sans-serif, system-ui, sans-serif;
  --eyebrow-tracking: 0.08em;
}

html[data-theme="dark"] {
  --canvas: #070614;
  --surface: #201f2c;
  --surface-2: #131220;
  --border: #2a2935;
  --border-strong: #51515b;
  --ink: #f5f5f2;
  --muted: #969599;
  --accent: #4338ca;
  --accent-hover: #5f56d2;
  --accent-ink: #ffffff;
  --accent-text: #847bdc;
  --accent-strong: #847bdc;
  --accent-soft: #14113c;
  --accent-border: #221c66;
  --success: #15803d;
  --success-ink: #ffffff;
  --success-soft: #0a211d;
  --success-strong: #499c68;
  --warning: #a35a06;
  --warning-ink: #ffffff;
  --warning-soft: #291811;
  --warning-strong: #b77e3d;
  --danger: #b42318;
  --danger-ink: #ffffff;
  --danger-soft: #2d0c15;
  --danger-strong: #ca6259;
  --chart-1: #5b5aed;
  --chart-2: #da4bbc;
  --chart-3: #dc4306;
  --chart-4: #9d881e;
  --chart-5: #04995d;
  --chart-6: #149bb7;
}

.band-lines {
  border: 1px solid color-mix(in srgb, var(--x-band-ink) 18%, transparent);
  background: color-mix(in srgb, var(--x-band-ink) 18%, transparent);
  gap: 1px;
}
.tabs .tab { text-decoration: none; }
.card, .btn { transition: box-shadow 0.15s ease, transform 0.15s ease; }
@keyframes rise { from { transform: translateY(10px); } to { transform: none; } }
main section.card, main article.card { animation: rise 0.35s ease-out both; }
html.reduced-motion main section.card, html.reduced-motion main article.card { animation: none; }