/* mace-brand tokens.css — design tokens gathered from https://mace.ai (2026-10-15).
   Single source of truth for colors, fonts and theme variables across all
   mace.ai services. Consume: <link rel="stylesheet" href="/brand/tokens.css">
   Theme: html[data-theme="dark"] flips tokens; theme.js persists choice in
   localStorage("molt-theme") and defaults from prefers-color-scheme. */

:root{
  /* palette */
  --navy:#141019;
  --ink:#241f2b;
  --teal:#3988ed;
  --teal-2:#7ca2f6;
  --blue:#8b85de;
  --green:#2f9268;
  --coral:#d0453f;
  --gold:#b8892a;
  --muted:#676070;
  --line:#e2ded6;
  --soft:#f4f0ea;
  --paper:#faf8f4;
  --card:#ffffff;
  --darkline:rgba(255,255,255,.12);

  /* type */
  --serif:"Newsreader",Georgia,serif;
  --sans:"Hanken Grotesk",-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;
  --display:"Space Grotesk",sans-serif;
  --accent-text:#2457b3;
  --accent-fill:#2f6fd6;
  --on-dark:#fff;
  --nav-muted:#c5bcb5;
  --mono:"Space Mono",ui-monospace,monospace;

  /* rhythm (conventions used across mace.ai) */
  --maxw:1080px;
  --pad:28px;
}

html[data-theme="dark"]{
  --ink:#f0ece4;
  --muted:#9a9089;
  --line:#2a2333;
  --soft:#221c2b;
  --paper:#141019;
  --card:#1b1622;
  --accent-text:#9bb8ff;
}