/* ==========================================================================
   Knowledge Hub design tokens: the fonts and the :root values of DESIGN.md (repo root).
   The ONE place they are defined. Loaded first by every page: the workspace and the pages
   built on it (before workspace.css), sign-in, the docs editor, the integration docs and the
   superadmin panel. Nothing but @font-face and :root belongs here: a page that only wants the
   values must not inherit layout from this file.
   ========================================================================== */

/* ---- Fonts ---------------------------------------------------------------- */
@font-face { font-family: 'Inter'; font-weight: 400; font-style: normal; font-display: swap; src: url('/workspace/static/fonts/inter-400.woff2') format('woff2'); }
@font-face { font-family: 'Inter'; font-weight: 500; font-style: normal; font-display: swap; src: url('/workspace/static/fonts/inter-500.woff2') format('woff2'); }
@font-face { font-family: 'Inter'; font-weight: 600; font-style: normal; font-display: swap; src: url('/workspace/static/fonts/inter-600.woff2') format('woff2'); }
/* "KH Sans" (a subset of IBM Plex Sans Arabic, scripts/build_artifact_fonts.py) follows Inter in
   the stack: Inter has no Arabic, so Arabic text is set in it. Mind maps are drawn in it too. */
@font-face { font-family: 'KH Sans'; font-weight: 400; font-style: normal; font-display: swap; src: url('/workspace/static/fonts/kh-sans-400.woff2?v=203f6deddb') format('woff2'); }
@font-face { font-family: 'KH Sans'; font-weight: 700; font-style: normal; font-display: swap; src: url('/workspace/static/fonts/kh-sans-700.woff2?v=8b57c1d4f1') format('woff2'); }
@font-face { font-family: 'Geist Mono'; font-weight: 400; font-style: normal; font-display: swap; src: url('/workspace/static/fonts/geist-mono-400.woff2') format('woff2'); }
@font-face { font-family: 'Geist Mono'; font-weight: 500; font-style: normal; font-display: swap; src: url('/workspace/static/fonts/geist-mono-500.woff2') format('woff2'); }

/* ---- Tokens ---------------------------------------------------------------- */
:root {
  --bg: #ffffff;
  --surface: #ffffff;
  --surface-2: #f7f7f7;
  --surface-soft: #fafafa;
  --surface-code: #1c1c1e;
  --line: #e5e5e5;
  --line-soft: #ededed;
  --line-strong: #a8a8aa;

  --ink-900: #0a0a0a;
  --ink-700: #1c1c1e;
  --ink-600: #3a3a3c;
  --ink-500: #5a5a5c;
  --ink-400: #888888;

  /* Mint: the one accent action in view, active indicators, focus rings, "working" dots.
     Never body text or a large surface. */
  --brand: #00d4a4;
  --brand-deep: #00b48a;
  --brand-soft: #7cebcb;
  --brand-tint: rgba(0, 212, 164, .14);
  /* Focus: one ring, one colour. The brand mint is 1.9:1 on white, too faint to find by
     keyboard, so this is the same hue deepened until it clears 3:1 on white and on the grey
     surface (3.4 and 3.2). Stacking a black ring inside a mint one was tried and read as a
     double border; do not bring it back. */
  --focus: #009e7a;
  --tag: #2a5cab;
  --tag-soft: rgba(55, 114, 207, .15);

  /* The --accent* names predate DESIGN.md. They are neutral ink and surface now, so every
     rule written against them stays black-and-white; mint is added through --brand. */
  --accent: #0a0a0a;
  --accent-strong: #0a0a0a;
  --accent-soft: #f7f7f7;
  --accent-softer: #fafafa;
  --accent-line: #e5e5e5;
  --accent-grad: #0a0a0a;

  /* Text shades: darker than the raw DESIGN.md colours, which fail contrast at 12-13px. */
  --ok: #0f7a56;      --ok-soft: rgba(0, 212, 164, .14);
  --warn: #7d5008;    --warn-soft: rgba(195, 125, 13, .14);
  --danger: #a63a3a;  --danger-soft: rgba(212, 86, 86, .12);
  --warn-line: #c37d0d;

  /* The sign-in page's sky band (the only gradient) and text on the dark code surface. */
  --hero-sky-from: #87a8c8;
  --hero-sky-to: #f5e9d8;
  --on-code: #ffffff;
  --on-code-muted: #b3b3b3;

  --radius-sm: 6px;
  --radius: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;
  --radius-btn: 14px;

  /* Flat by default: cards carry a hairline, not a shadow. */
  --shadow-1: none;
  --shadow-2: 0 4px 12px rgba(0, 0, 0, .08);
  --shadow-3: 0 24px 48px -8px rgba(0, 0, 0, .12);
  --shadow-accent: none;

  --topbar-h: 56px;
  --content-w: 760px;

  --ease: cubic-bezier(.2, .8, .2, 1);
  --font: 'Inter', 'KH Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --mono: 'Geist Mono', 'SF Mono', Menlo, Consolas, 'KH Sans', monospace;
}