/* Foxcore brand tokens
 * Primitives first, semantic roles second. Import this file, then use the
 * semantic layer (--fc-bg, --fc-fg, --fc-accent …) rather than raw ramps.
 */
:root {
  /* ── primitives ─────────────────────────────────────────────────── */
  --fc-ink: #14110e;
  --fc-graphite: #201b16;
  --fc-bone: #f4f1ea;
  --fc-paper: #fbf9f5;
  --fc-orange: #f76707; /* the mark's own orange */
  --fc-ember: #d14e00;
  --fc-orange-text: #b34400; /* AA orange for light surfaces */
  --fc-apricot: #ffd8b5;
  --fc-slate: #6e675d;
  --fc-clay: #b7a99a;
  --fc-hair: #e2dcd1;

  /* ── type ───────────────────────────────────────────────────────── */
  --fc-font-display: "Archivo", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto,
    "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
  --fc-font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --fc-tracking-display: -0.03em;
  --fc-tracking-label: 0.14em;

  /* ── geometry ───────────────────────────────────────────────────── */
  --fc-radius: 0px; /* square by decree */
  --fc-rule: 1px;
  --fc-grid: 8px;

  /* ── semantic: light (default) ──────────────────────────────────── */
  --fc-bg: var(--fc-bone);
  --fc-surface: var(--fc-paper);
  --fc-fg: var(--fc-ink);
  --fc-fg-soft: var(--fc-graphite);
  --fc-muted: var(--fc-slate);
  --fc-line: var(--fc-hair);
  --fc-accent: var(--fc-orange);
  --fc-accent-text: var(--fc-orange-text);
  --fc-on-accent: var(--fc-ink); /* 6.18:1 on #F76707 */
  --fc-tint: var(--fc-apricot);
  --fc-signal: var(--fc-orange);
}

/* Dark surfaces keep the same accent; the ink-on-orange rule follows it. */
[data-theme="dark"],
.dark {
  --fc-bg: #121009;
  --fc-surface: #1a1612;
  --fc-fg: var(--fc-bone);
  --fc-fg-soft: #e9e3d8;
  --fc-muted: var(--fc-clay);
  --fc-line: #2e2822;
  --fc-accent: var(--fc-orange);
  --fc-accent-text: var(--fc-orange);
  --fc-on-accent: var(--fc-ink);
  --fc-tint: #3a2415;
  --fc-signal: var(--fc-orange);
}