/*
 * flowsmatica design tokens — single source of truth.
 * Loaded before every other stylesheet. Values below are the effective
 * values previously scattered across styles.css (:root), dashboard.css
 * (.app-shell scope) and revenue-brief.css (:root override), with the
 * workspace.css scope overrides applied. Do not redeclare these tokens
 * in other sheets — reference them with var().
 */

:root {
  /* Base surfaces and ink (previously styles.css :root, finalized by revenue-brief.css) */
  --paper: #f8fafc;
  --paper-2: #eef3f7;
  --white: #ffffff;
  --ink: #0f172a;
  --ink-2: #334155;
  --muted: #526276;
  --muted-2: #738196;
  --line: #dce4ec;
  --line-dark: #cbd6e2;

  /* Accent and status */
  --lime: #0369a1;
  --lime-2: #075985;
  --lime-soft: #e8f4fa;
  --green: #167052;
  --green-soft: #e7f5ef;
  --red: #b42318;
  --red-soft: #fff0ed;
  --amber: #9a5b13;
  --amber-soft: #fff5dd;
  --blue: #0369a1;
  --blue-soft: #e8f4fa;
  --purple: #5b4bb7;
  --purple-soft: #efedff;

  /* Elevation and shape */
  --shadow-xs: 0 1px 2px rgba(15, 23, 42, 0.05);
  --shadow-sm: 0 12px 32px rgba(15, 23, 42, 0.08);
  --shadow-md: 0 28px 80px rgba(15, 23, 42, 0.12);
  --radius-sm: 8px;
  --radius: 12px;
  --radius-lg: 16px;
  --sidebar: 256px;
  --ease: cubic-bezier(0.16, 1, 0.3, 1);

  /* Type */
  --font-display: "Avenir Next", "Segoe UI Variable Display", "Segoe UI", sans-serif;
  --font-body: "Avenir Next", "Segoe UI Variable Text", "Segoe UI", sans-serif;
  --font-mono: "SFMono-Regular", "SF Mono", "Roboto Mono", Consolas, monospace;

  /* Workspace scope tokens (previously dashboard.css scope, finalized by workspace.css).
     Hoisted to :root so every sheet shares one definition; values are unchanged. */
  --dash-bg: #f6f8fa;
  --dash-surface: #ffffff;
  --dash-surface-muted: #f6f9fc;
  --dash-ink: #192737;
  --dash-ink-soft: #314e64;
  --dash-muted: #596b7e;
  --dash-line: #dfe5eb;
  --dash-line-strong: #c8d7e2;
  --dash-forest: #071f36;
  --dash-forest-2: #006fbe;
  --dash-gold: #0078d4;
  --dash-gold-soft: #e7f5fb;
  --dash-green: #0b684b;
  --dash-green-soft: #e7f5ef;
  --dash-red: #a7352b;
  --dash-red-soft: #fff0ed;
  --dash-amber: #85540e;
  --dash-amber-soft: #fff5df;
  --dash-blue: #0078d4;
  --dash-blue-soft: #e8f3fb;
  --dash-radius-sm: 10px;
  --dash-radius: 12px;
  --dash-radius-lg: 22px;
  --dash-shadow-xs: 0 1px 2px rgba(8, 42, 68, 0.05);
  --dash-shadow-sm: 0 12px 34px rgba(8, 42, 68, 0.09);
  --dash-shadow-lg: 0 28px 80px rgba(8, 42, 68, 0.18);
}