/* Varick Agents design tokens, generated from varick-design/lib/tokens.ts
 * Do not hand-edit. Regenerate with: curl -o tokens.css https://<this-site>/tokens.css
 */

:root {
  /* Core */
  --brand-navy: #002870;
  --foreground: #111111;
  --background: #FFFFFF;
  --brand: #3B7CF6;

  /* Web and product */
  --brand-wash: #E8F1FE;
  --accent-foreground: #2F6BE0;
  --muted: #F6F6F6;
  --page: #FBFBFB;
  --muted-foreground: #757575;
  --fg-low: #B1B1B1;
  --border: #EBEBEB;
  --hairline-hover: #DEDEDE;
  --destructive: #D55F5A;
  --fill-soft: #FDFDFD;
  --accent-sep: #C6DBFC;

  /* Semantic state colours, from the Varick OS app */
  --success: #3E7C4A;
  --warn: #B64D05;
  --danger: #C93933;
  --teal: #0B7C84;

  /* Neutral fills */
  --fill: #F6F6F6;
  --fill-soft: #FDFDFD;
  --hairline-soft: #F0F0F0;

  /* Data visualisation: chart-spec.md is authoritative */
  --chart-1: #002870;
  --chart-2: #3B7CF6;
  --chart-3: #8B95A1;
  --chart-4: #C4CBD4;
  --chart-5: #E4E8ED;

  /* Type */
  --font-sans: "Helvetica Neue", Helvetica, Arial, sans-serif;
  --font-mono: 'Menlo', ui-monospace, monospace;
  --font-serif: var(--font-season), ui-serif, Georgia, "Times New Roman", serif;
  --font-document: "Helvetica Neue", Helvetica, Arial, sans-serif;

  /* Radius */
  --radius: 8px;
  --radius-sm: 4px;
  --radius-lg: 8px;
  --radius-sm: 4px;
  --radius-lg: 8px;

  /* Elevation: web surfaces only, never on anything destined for paper */
  --shadow-card: 0 1px 2px rgba(17, 17, 17, 0.04), 0 4px 12px rgba(17, 17, 17, 0.04);
  --shadow-card-hover: 0 2px 4px rgba(17, 17, 17, 0.05), 0 12px 28px rgba(17, 17, 17, 0.07);
  --shadow-tooltip: 0 8px 24px rgba(0, 0, 0, 0.08);

  /* Motion */
  --ease-out: cubic-bezier(0.23, 1, 0.32, 1);
  --ease-in-out: cubic-bezier(0.77, 0, 0.175, 1);
}

/* Documents and print: navy plus greys only. No accent blue. */
:root {
  --doc-navy: #002870;
  --doc-navy-mid: #3E6FA8;
  --doc-ink: #1A1A1A;
  --doc-ink-soft: #3F3F3F;
  --doc-grey: #8A8A8A;
  --doc-rule: #D9D9D9;
  --doc-hairline: #E7E7E7;
  --doc-band: #F3F6FB;
  --doc-label-bg: #FAFAFA;
  --doc-white: #FFFFFF;
}