/* NALEJ design tokens — :root (light) */
:root {
  --ps-canvas: #f6f7f9;
  --ps-surface: #ffffff;
  --ps-surface-2: #f0f2f5;
  --ps-surface-3: #e8ebef;
  --ps-line: #d3d8de;
  --ps-line-2: #e3e6ea;
  --ps-ink: #1a1f28;
  --ps-ink-2: #565e6b;
  --ps-ink-3: #808893;
  --ps-rail: #1c2029;
  --ps-rail-ink: #c4cad3;
  --ps-accent: #3f43a6;
  --ps-accent-soft: #5b74e0;
  --ps-ok: #1a7f43;
  --ps-warn: #97640c;
  --ps-crit: #c8372f;
  --ps-unclassified: #007a33;
  --ps-cui: #502b85;
  --ps-confidential: #0033a0;
  --ps-secret: #c8102e;
  --ps-topsecret: #ff8c00;
  --ps-topsecretsci: #fce83a;
  --ps-cls-ink-light: #ffffff;
  --ps-cls-ink-dark: #000000;
  --ps-radius: 10px;
  --ps-radius-sm: 7px;
  --ps-sans: "Lato", system-ui, "Segoe UI", Roboto, Arial, sans-serif;
  --ps-mono: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace;
  --ps-space-1: 4px;
  --ps-space-2: 8px;
  --ps-space-3: 12px;
  --ps-space-4: 16px;
  --ps-space-5: 24px;
  --ps-space-6: 32px;
  --ps-space-7: 48px;
  --ps-space-8: 64px;
  --ps-shadow-0: none;
  --ps-shadow-1: 0 1px 2px rgba(26, 31, 40, 0.06);
  --ps-shadow-2: 0 10px 28px rgba(26, 31, 40, 0.12);
  --ps-ease: cubic-bezier(0.4, 0, 0.2, 1);
  --ps-ease-out: cubic-bezier(0, 0, 0.2, 1);
  --ps-ease-in: cubic-bezier(0.4, 0, 1, 1);
  --ps-dur-instant: 80ms;
  --ps-dur-fast: 120ms;
  --ps-dur-medium: 200ms;
  --ps-dur-slow: 320ms;
  --ps-focus: 0 0 0 2px var(--ps-canvas), 0 0 0 4px var(--ps-accent);
}

body.dark {
  --ps-canvas: #0f1216;
  --ps-surface: #1a1e25;
  --ps-surface-2: #20252d;
  --ps-surface-3: #272d36;
  --ps-line: #333a44;
  --ps-ink: #e6eaf0;
  --ps-ink-2: #a4acb8;
  --ps-ink-3: #6e7784;
  --ps-accent: #7d80d6;
  --ps-ok: #52c47a;
  --ps-warn: #d8a63e;
  --ps-crit: #e8695f;
  --ps-shadow-1: 0 1px 2px rgba(0, 0, 0, 0.4);
  --ps-shadow-2: 0 12px 28px rgba(0, 0, 0, 0.34);
}