/* Copyright Ayers Electronics Inc. All rights reserved. */
/* Fermi's skin: binds the kit roles (kit/kit.css, kit/guide.css) to a white and graphite page with
 * the owl's deep russet (brown-4, brown-3 in brand/src/tokens.json) as the one accent. The dark
 * scheme keeps the same russet, lightened to russet-1 where it is read as text. --fill is the
 * accent as a solid ground (the primary button, the closing band) and --on-fill its text. */

:root {
  --surface: #ffffff;
  --surface-panel: #f2f2f0;
  --border: #c9c9c6;
  --ink: #1d1e20;
  --ink-muted: #4b4d51;
  --ink-dim: #56585c;
  --accent: #652223; /* brown-4 */
  --accent-strong: #813932; /* brown-3 */
  --accent-alt: #813932; /* brown-3 */
  --accent-wash: #f5eeec;
  --fill: #652223; /* brown-4 */
  --fill-strong: #813932; /* brown-3 */
  --on-fill: #ffffff;
  --branch: #652223; /* the bar the owl perches on */
  /* The masthead's day and night disc. Day is a thin warm cream, night the dark scheme's graphite
     with the Night owl's amber (night-glow) as a faint rim. */
  --disc-day: #faf6e2; /* cream-1 */
  --disc-day-rim: #e8e1d1; /* cream-2 */
  --disc-night: #1b1c1e;
  --night-glow: #f2a33a; /* night-glow */
  --owl-halo: #ffffff; /* the thin outline that keeps the owl off the disc's night half */
  --face-display: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --face-text: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --face-mono: ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;

  /* The console's scale: spacing, corners, type and the controls' floor. The shared chat reads
   * them through chat-tokens.css. */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --radius-1: 2px;
  --radius-2: 5px;
  --radius-3: 8px;
  --radius-pill: 999px;
  --type-micro: 0.75rem;
  --type-label: 0.875rem;
  --type-body: 1rem;
  --type-heading: 1.375rem;
  --target-min: 44px;
  --focus-ring-width: 3px;
  --ease: 220ms;
}

@media (prefers-color-scheme: dark) {
  :root {
    --surface: #1b1c1e;
    --surface-panel: #26272a;
    --border: #4a4b4f;
    --ink: #ededeb;
    --ink-muted: #bcbdc0;
    --ink-dim: #a9aaad;
    --accent: #e68870; /* russet-1 */
    --accent-strong: #faf6e2; /* cream-1 */
    --accent-alt: #e68870; /* russet-1 */
    --accent-wash: #332a2a;
    --fill: #813932; /* brown-3 */
    --fill-strong: #98524e; /* brown-1 */
    --on-fill: #ffffff;
    --branch: #813932; /* brown-3 */
    --disc-day: #ac9689; /* stone-4: a muted light tone on the graphite page */
    --disc-day-rim: #ac9689; /* stone-4 */
    --disc-night: #111214; /* deeper than the page */
    --owl-halo: #faf6e2; /* cream-1 */
  }
}

/* Inner pages only (.wrap): the landing page links this sheet for its tokens. */

/* A multi-line command. */
.wrap pre.cmd {
  background: var(--surface-panel);
  border: 1px solid var(--border);
  border-radius: 8px;
  padding: 0.85rem 1.1rem;
  overflow-x: auto;
  font-family: var(--face-mono);
  font-size: 0.86rem;
  line-height: 1.55;
  color: var(--ink);
  margin: 0.4rem 0;
}
.wrap pre.cmd code {
  background: none;
  border: 0;
  padding: 0;
}

/* Release-note groups: an h3 and its list. */
.wrap h3 {
  font-family: var(--face-text);
  font-size: 0.98rem;
  color: var(--ink);
  margin: 1.4rem 0 0.5rem;
}
.wrap section ul {
  margin: 0 0 1.1rem;
  padding-left: 1.3rem;
  color: var(--ink-muted);
  font-size: 0.94rem;
  line-height: 1.7;
}
.wrap section li {
  margin: 0.45rem 0;
}