/*
 * Vendored from beau-martin/Pansophiq @ main, path
 * packages/branding/pansophiq-design-tokens.css, commit
 * 5d58852cf24c352e59966dd26502a0676f1ca29e (blob sha
 * b42c5f2e02f0696865cfe93aea8788788e33aace), fetched via
 * `gh api repos/beau-martin/Pansophiq/contents/...?ref=5d58852`.
 *
 * Generated — do not hand-edit; regenerate from @pansophiq/branding.
 * Content below this header is byte-identical to the source file
 * (only the CRLF -> LF line-ending normalization of GitHub's raw
 * decode differs from a Windows checkout). Verified against GitHub's
 * own blob hash for this exact ref+path (git blob sha1 above,
 * independently recomputed locally over the decoded bytes and
 * matched) — the stronger check, since it is git's own
 * content-addressing rather than a hash asserted out-of-band.
 */

/*
 * PansophIQ Design Language v0.1
 *
 * This file defines namespaced custom properties only. It intentionally does
 * not reset elements, override product variables, or style any graph/chart.
 */
:root {
  --pansophiq-color-canvas: #f8fafc;
  --pansophiq-color-surface: #ffffff;
  --pansophiq-color-surface-muted: #f1f5f9;
  --pansophiq-color-surface-strong: #e2e8f0;
  --pansophiq-color-ink: #0f172a;
  --pansophiq-color-text: #1e293b;
  --pansophiq-color-text-muted: #475569;
  --pansophiq-color-border: #cbd5e1;
  --pansophiq-color-border-strong: #94a3b8;
  --pansophiq-color-action: #3730a3;
  --pansophiq-color-action-hover: #312e81;
  --pansophiq-color-action-visited: #4c1d95;
  --pansophiq-color-accent: #0f766e;
  --pansophiq-color-success: #166534;
  --pansophiq-color-warning: #92400e;
  --pansophiq-color-danger: #b91c1c;
  --pansophiq-color-info: #1d4ed8;
  --pansophiq-color-focus: #4f46e5;

  --pansophiq-font-sans: Inter, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --pansophiq-font-mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;

  --pansophiq-space-1: 0.25rem;
  --pansophiq-space-2: 0.5rem;
  --pansophiq-space-3: 0.75rem;
  --pansophiq-space-4: 1rem;
  --pansophiq-space-5: 1.25rem;
  --pansophiq-space-6: 1.5rem;
  --pansophiq-space-8: 2rem;
  --pansophiq-space-10: 2.5rem;
  --pansophiq-space-12: 3rem;

  --pansophiq-radius-sm: 0.25rem;
  --pansophiq-radius-md: 0.5rem;
  --pansophiq-radius-lg: 0.75rem;
  --pansophiq-radius-pill: 9999px;

  --pansophiq-shadow-sm: 0 1px 2px rgb(15 23 42 / 0.06);
  --pansophiq-shadow-md: 0 4px 12px rgb(15 23 42 / 0.10);
  --pansophiq-shadow-lg: 0 12px 28px rgb(15 23 42 / 0.14);

  --pansophiq-motion-quick: 120ms;
  --pansophiq-motion-standard: 180ms;
  --pansophiq-motion-deliberate: 260ms;
  --pansophiq-motion-easing: cubic-bezier(0.2, 0, 0, 1);

  --pansophiq-z-base: 0;
  --pansophiq-z-dropdown: 100;
  --pansophiq-z-sticky: 200;
  --pansophiq-z-overlay: 400;
  --pansophiq-z-modal: 500;
  --pansophiq-z-toast: 600;

  --pansophiq-design-language-version: "0.1.0";
}

/*
 * Dark-mode values. Activated by the bare `.dark` class already used by
 * adopting apps (toggled on html or body); a light app that never opts into
 * `.dark` is unaffected. Only tokens whose values change from light are
 * re-declared here (color and elevation/shadow); every other token inherits
 * from the :root block. This block also defines custom properties only — no
 * element reset, no product/global variable, no graph/chart styling.
 */
.dark {
  --pansophiq-color-canvas: #0f172a;
  --pansophiq-color-surface: #1e293b;
  --pansophiq-color-surface-muted: #273449;
  --pansophiq-color-surface-strong: #334155;
  --pansophiq-color-ink: #f8fafc;
  --pansophiq-color-text: #e2e8f0;
  --pansophiq-color-text-muted: #94a3b8;
  --pansophiq-color-border: #334155;
  --pansophiq-color-border-strong: #475569;
  --pansophiq-color-action: #818cf8;
  --pansophiq-color-action-hover: #a5b4fc;
  --pansophiq-color-action-visited: #c4b5fd;
  --pansophiq-color-accent: #2dd4bf;
  --pansophiq-color-success: #4ade80;
  --pansophiq-color-warning: #fbbf24;
  --pansophiq-color-danger: #f87171;
  --pansophiq-color-info: #60a5fa;
  --pansophiq-color-focus: #818cf8;

  --pansophiq-shadow-sm: 0 1px 2px rgb(0 0 0 / 0.40);
  --pansophiq-shadow-md: 0 4px 12px rgb(0 0 0 / 0.50);
  --pansophiq-shadow-lg: 0 12px 28px rgb(0 0 0 / 0.60);
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --pansophiq-motion-quick: 0ms;
    --pansophiq-motion-standard: 0ms;
    --pansophiq-motion-deliberate: 0ms;
  }
}