/* Hermes Studio mockup — design tokens (single source of truth for color).
   Light theme only in v1; the variable structure allows a later dark override. */

@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../assets/fonts/inter-latin-wght-normal.woff2") format("woff2");
}

/* Display serif for the editorial pass (headings, document titles, reading).
   Newsreader, OFL — see assets/fonts/newsreader-OFL.txt. */
@font-face {
  font-family: "Newsreader";
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url("../assets/fonts/newsreader-latin-wght-normal.woff2") format("woff2");
}

:root {
  color-scheme: light;

  /* Surfaces: warm paper neutrals (warm-shift approved 2026-10-09) */
  --bg-app: #faf7f3;
  --bg-surface: #fffdfb;
  --bg-subtle: #f9f6f1;
  --bg-hover: #f2ede6;
  /* Document paper (PDF canvas, HTML originals): pure white, unlike surfaces */
  --paper: #ffffff;

  /* Borders */
  --border: #e9e2d8;
  --border-strong: #d6cdc0;

  /* Text. --text-muted is the lightest color allowed for real text (4.5:1);
     lighter tints are reserved for placeholders and icons. */
  --text: #221d17;
  --text-secondary: #57504a;
  --text-muted: #6e655c;
  --text-placeholder: #a69b8e;
  --text-inverse: #ffffff;

  /* Accent (editorial pass, 2026-10-10): indigo retired — primary actions are
     warm charcoal, links and active states are a burnt rust that lives next to
     the find highlight family. The warm neutrals carry the rest. */
  --accent: #a2431f;
  --accent-rgb: 162, 67, 31;
  --accent-hover: #86371a;
  --accent-soft: #f6e8e1;
  --accent-soft-strong: #ecd5c9;
  --ink: #3e352b;
  --ink-hover: #4a4034;

  /* Status: søkbar */
  --status-ready-fg: #027a48;
  --status-ready-bg: #ecfdf3;
  --status-ready-dot: #12b76a;

  /* Status: prosesserer */
  --status-processing-fg: #175cd3;
  --status-processing-bg: #eff8ff;
  --status-processing-dot: #2e90fa;

  /* Status: i kø */
  --status-queued-fg: #b54708;
  --status-queued-bg: #fffaeb;
  --status-queued-dot: #f79009;

  /* Status: feilet */
  --status-failed-fg: #b42318;
  --status-failed-bg: #fef3f2;
  --status-failed-dot: #f04438;
  --danger-hover: #912018;

  /* Status: arkivert */
  --status-archived-fg: #57504a;
  --status-archived-bg: #f1ede7;
  --status-archived-dot: #a69b8e;

  /* Highlight family (search snippets, find hits, deep-link target) */
  --hl-soft: #fef0c7;
  --hl: #fde9a9;
  --hl-strong: #f5c53f;
  --hl-ring: #dfa92a;
  --hl-target: #fff7e0;
  /* PDF text layer renders over the canvas, so it needs translucent variants */
  --hl-tl: rgba(245, 197, 63, 0.5);
  --hl-tl-strong: rgba(244, 145, 47, 0.62);
  --hl-tl-ring: rgba(223, 130, 42, 0.95);

  /* Typography */
  --font-ui: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-display: "Newsreader", Georgia, "Times New Roman", serif;
  --font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  --fs-11: 11px;
  --fs-12: 12px;
  --fs-13: 13px;
  --fs-14: 14px;
  --fs-15: 15px;
  --fs-16: 16px;
  --fs-17: 17px;
  --fs-18: 18px;
  --fs-20: 20px;
  --fs-24: 24px;
  --fs-28: 28px;
  --fs-34: 34px;
  --fs-40: 40px;
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  /* Newsreader is a variable font: the display weight sits between 500/600 */
  --fw-display: 560;

  /* Space scale */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-6: 24px;
  --sp-8: 32px;
  --sp-12: 48px;

  /* Radius (editorial pass: tighter than the SaaS default) */
  --radius-sm: 4px;
  --radius-md: 6px;
  --radius-lg: 10px;
  --radius-full: 999px;

  /* Elevation (raised layers only: menus, modals, toasts). --shadow-tint is
     the warm ink triplet every shadow and fade is built from. */
  --overlay: rgba(45, 36, 26, 0.45);
  --shadow-tint: 61, 50, 38;
  --shadow-menu: 0 4px 12px rgba(var(--shadow-tint), 0.08), 0 1px 3px rgba(var(--shadow-tint), 0.06);
  --shadow-modal: 0 20px 48px rgba(var(--shadow-tint), 0.16), 0 4px 12px rgba(var(--shadow-tint), 0.08);

  /* Layout */
  --sidebar-width: 232px;
  --topbar-height: 56px;
}