/* Excalium News LOCKED v1 — design tokens.
 *
 * Values are taken verbatim from design/handoff-home/README.md.
 *
 * Declared on .xn and .xn-shell, never on :root, so the existing Portfolio,
 * Agent, Settings and Pricing views keep their own "wire" tokens untouched
 * while they wait to be migrated. */

.xn,
.xn-shell {
  --xn-bg: #ffffff;
  --xn-bg-subtle: #fafafb;
  --xn-bg-muted: #f4f4f5;
  --xn-placeholder: #f0f0f2;

  --xn-border: #e2e2e5;
  --xn-border-strong: #d8d8dc;
  --xn-rule: #ececee;
  --xn-rule-soft: #f2f2f4;
  --xn-rule-card: #ededf0;

  --xn-text: #0b0b0c;
  --xn-text-body: #26262b;
  --xn-text-body-2: #3c3c42;
  --xn-text-muted: #5c5c62;
  --xn-text-muted-2: #76767c;
  --xn-text-faint: #9a9aa0;
  --xn-dot: #c9c9cd;

  --xn-up: #067a4e;
  --xn-up-bg: #eef6f1;
  --xn-down: #c4342b;
  --xn-down-bg: #fdf1ef;
  --xn-down-border: #f0d5d2;

  --xn-link: #2a5bd7;
  --xn-link-hover: #1b3f9c;
  --xn-brand: #2b7cb0;

  --xn-font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  --xn-nav-w: 196px;
  --xn-rail-w: 340px;
}

/* The locked design system is light-only -- the handoff defines no dark
 * palette. The shell is therefore light in both OS themes, and a half-dark app
 * (light chrome, dark view bodies) would be unreadable. So while the other
 * views wait to migrate, hold them in the LIGHT half of the wire palette they
 * already ship rather than letting them follow the OS into dark.
 *
 * These are app.html's own `:root` light values, verbatim. Nothing new is
 * invented, and deleting this block restores dark mode the moment the locked
 * system gains a dark palette. */
@media (prefers-color-scheme: dark) {
  /* `body.xn-shell` (0,1,1) so it outranks app.html's `:root` (0,1,0) dark
     block, which is declared later in the document. */
  body.xn-shell {
    color-scheme: light;
    --paper: #fbfbf8; --surface: #ffffff; --ink: #171918; --mute: #545c58; --faint: #87908b;
    --hairline: #e4e6e0; --hairline-strong: #cdd2cc;
    --bull: #0a7a52; --bull-bg: #e4f2ea; --bull-line: #b6dcc9;
    --bear: #c23a2b; --bear-bg: #f8e9e5; --bear-line: #ecc4ba;
    --neutral: #545c58; --neutral-bg: #eef0ec;
    --sky: #4d9bd3; --sky-deep: #2f7db5; --sky-bg: #eaf5fc; --sky-line: #c9e2f2;
    --sand: #f5ebdd; --sand-line: #e6d7bf; --terra: #a95f39;
    --hover: #f2f4ef; --logo-bg: #ffffff;
    /* --card is `var(--surface)` in :root, so it computes THERE against the
       dark surface and inherits down as a fixed colour. Restate it. */
    --card: #ffffff;
    --shadow-1: 0 1px 2px rgba(23, 25, 24, .045), 0 8px 20px rgba(23, 25, 24, .055);
  }
}