/* tokens.css — EN palett för hela ACME (index, chat, nsquery, dump-file).
   Ändra en färg HÄR, aldrig som hårdkodat värde i en sida. Ny färg behövs? Lägg den här med ett
   namn som säger vad den ÄR till för — inte en variant av en befintlig. Se systemdok §22. */
:root {
  /* Ytor & text (mörkt app-tema) */
  --bg: #0f1117;        /* sidbakgrund */
  --bg2: #1a1d27;       /* kort, paneler */
  --bg3: #242836;       /* upphöjt: hover, fält, markerad rad */
  --border: #2e3345;
  --text: #e1e4ed;
  --text2: #8b90a0;     /* dämpad text */

  /* Accent */
  --accent: #6366f1;
  --accent2: #818cf8;   /* ljusare: länkar, hover på accent-knappar */

  /* Status — EN uppsättning för hela appen (Server Infra, Logg, Tasks …) */
  --green: #22c55e;     /* ok / godkänd */
  --orange: #f59e0b;    /* varning / väntar */
  --red: #ef4444;       /* fel / farligt */
  --blue: #3b82f6;      /* info */
  /* Tonade bakgrunder (status-badges, markerade rader) — samma färg, låg opacitet */
  --green-soft: rgba(34, 197, 94, .15);
  --orange-soft: rgba(245, 158, 11, .15);
  --red-soft: rgba(239, 68, 68, .15);
  --blue-soft: rgba(59, 130, 246, .15);
  --accent-soft: rgba(99, 102, 241, .2);

  /* Hörnradier — välj närmaste steg, inga egna värden (cirkel = 50%, inte en token) */
  --r-sm: 4px;          /* små element: kodrutor, mini-märken */
  --r: 6px;             /* knappar, fält */
  --r-md: 8px;          /* task-kort, rader, dialogdelar */
  --r-lg: 12px;         /* kort, paneler, chips */
  --r-xl: 16px;         /* stora ytor: flytande paneler */
  --r-pill: 999px;      /* chips, badges */

  /* Textstorlekar — skala, inga halvpixlar. Över 22px (logga, emoji, dekor) skrivs direkt. */
  --fs-2xs: 10px;
  --fs-xs: 11px;
  --fs-sm: 12px;        /* vanligast: brödtext i paneler, knappar */
  --fs-md: 13px;
  --fs-base: 14px;
  --fs-lg: 15px;
  --fs-xl: 16px;
  --fs-2xl: 18px;
  --fs-3xl: 20px;
  --fs-4xl: 22px;

  /* Typsnitt — tre, inga fler */
  --font-ui: -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace;
  --font-brand: 'Impact', 'Haettenschweiler', 'Arial Narrow Bold', sans-serif;   /* ACME-loggans röst */

  /* ACME-varumärket (ljust: inloggning, /chat) */
  --brand-red: #e3322d;
  --brand-red-hover: #c92a25;
  --brand-ink: #111;
  --brand-muted: #6b7280;   /* grå text på vitt — 4.8:1 (#999 var 2.85:1, underkänt) */
  --brand-link: #2563eb;    /* länk på vitt — 5.2:1 (--blue är för mörk bakgrund: 3.7:1 på vitt) */
  --brand-ok: #2e7d32;      /* grön text på vitt — 5.1:1 (--green är för mörk bakgrund) */

  /* Layout */
  --sidebar-w: 220px;

  /* Fokusring för tangentbordsnavigering (a11y) */
  --ring: 0 0 0 2px var(--bg), 0 0 0 4px var(--accent2);
}