/* Direction: AdLens — an investigator's console. Ink-dark canvas, signal-lime accent, a grotesk 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 {
  color-scheme: dark;
  --canvas: #0c0f14;
  --surface: #141a22;
  --surface-2: #1b232d;
  --border: #2e3135;
  --border-strong: #55575b;
  --ink: #eef2f6;
  --muted: #9aa5b4;
  --accent: #c8f23d;
  --accent-hover: #d0f45a;
  --accent-ink: #0c0f14;
  --accent-text: #c8f23d;
  --accent-strong: #c8f23d;
  --accent-soft: #35411d;
  --accent-border: #617526;
  --success: #15803d;
  --success-ink: #ffffff;
  --success-soft: #0e281d;
  --success-strong: #499c68;
  --warning: #b45309;
  --warning-ink: #ffffff;
  --warning-soft: #311e12;
  --warning-strong: #c57a40;
  --danger: #b91c1c;
  --danger-ink: #ffffff;
  --danger-soft: #321216;
  --danger-strong: #d16969;
  --chart-1: #c8f23d;
  --chart-2: #36d9c4;
  --chart-3: #80c6fb;
  --chart-4: #ea9bfb;
  --chart-5: #fea0a0;
  --chart-6: #f1b128;

  --font-display: "Bricolage Grotesque", "Inter", system-ui, sans-serif;
  --font-body: "Inter", system-ui, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, monospace;
  --display-weight: 700;
  --display-tracking: -0.03em;
  --radius-card: 14px;
  --radius-btn: 10px;
  --radius-input: 10px;
  --font-sans: "Inter", system-ui, sans-serif;
  --eyebrow-tracking: 0.08em;
}

html[data-theme="light"] {
  color-scheme: light;
  --canvas: #ffffff;
  --surface: #ffffff;
  --surface-2: #f3f3f3;
  --border: #ddddde;
  --border-strong: #b6b7b9;
  --ink: #0c0f14;
  --muted: #6d6f72;
  --accent: #a9cd34;
  --accent-hover: #90ae2c;
  --accent-ink: #0c0f14;
  --accent-text: #5e721d;
  --accent-strong: #5e721d;
  --accent-soft: #f3f8e3;
  --accent-border: #d8e9a4;
  --success: #15803d;
  --success-ink: #ffffff;
  --success-soft: #e3f0e8;
  --success-strong: #137638;
  --warning: #b45309;
  --warning-ink: #ffffff;
  --warning-soft: #f6eae1;
  --warning-strong: #a64c08;
  --danger: #b91c1c;
  --danger-ink: #ffffff;
  --danger-soft: #f7e4e4;
  --danger-strong: #b91c1c;
  --chart-1: #819e1f;
  --chart-2: #23a191;
  --chart-3: #0180c2;
  --chart-4: #aa7fe4;
  --chart-5: #b9496e;
  --chart-6: #d17a0c;
}

/* One moment that moves: the example console rows and fresh results rise into place. */
@keyframes rise {
  from { transform: translateY(14px); }
  to { transform: translateY(0); }
}
.console-row { animation: rise 0.6s cubic-bezier(0.2, 0.7, 0.2, 1) both; }
#results.rise > div { animation: rise 0.45s cubic-bezier(0.2, 0.7, 0.2, 1) both; }
.htmx-indicator { opacity: 0; transition: opacity 0.2s; }
.htmx-request .htmx-indicator, .htmx-request.htmx-indicator { opacity: 1; }
html.reduced-motion .console-row,
html.reduced-motion #results.rise > div { animation: none; }