/* Self-hosted brand font; Chinese text uses the system CJK fallbacks below. */
@font-face { font-family: "Archivo"; font-style: normal; font-weight: 400; font-display: swap; src: url("/fonts/archivo-400.ttf") format("truetype"); }
@font-face { font-family: "Archivo"; font-style: normal; font-weight: 500; font-display: swap; src: url("/fonts/archivo-500.ttf") format("truetype"); }
@font-face { font-family: "Archivo"; font-style: normal; font-weight: 600; font-display: swap; src: url("/fonts/archivo-600.ttf") format("truetype"); }
@font-face { font-family: "Archivo"; font-style: normal; font-weight: 700; font-display: swap; src: url("/fonts/archivo-700.ttf") format("truetype"); }

:root {
  color-scheme: light;
  /* MeshLite website palette: warm paper, stone neutrals, blue accents.
     Source: todalabs.io and todalabs-home/docs/design-brief.md, 2026-09-21. */
  --paper: #FAF8F3;
  --stone-50: #F5F3EF;
  --stone-100: #EAE8E2;
  --stone-200: #DCD9D2;
  --stone-900: #25231C;
  --cta: var(--stone-900);
  --cta-hover: #3B3830;
  --cta-active: color-mix(in srgb, var(--stone-900) 85%, #000);
  --cta-disabled: #DCD9D2;
  --brand: #1439A6;
  --action: #254EBC;
  --action-hover: #1439A6;
  --action-active: #072690;
  --action-disabled: #A1AEC8;
  --action-on-dark: #7CA2F6;
  --action-line: #CCD8EF;
  --ink: var(--stone-900);
  --muted: #68645C;
  --soft: #706C64;
  --line: var(--stone-100);
  --line-strong: var(--stone-200);
  --canvas: var(--paper);
  --surface: #FFFFFF;
  --surface-soft: var(--stone-50);
  --surface-muted: var(--stone-100);
  --accent: var(--action);
  --accent-dark: var(--action-hover);
  --accent-soft: #EEF2FA;
  --green: #237a50;
  --green-soft: #eaf7f0;
  --blue: var(--action);
  --blue-soft: var(--accent-soft);
  --warning: #a36100;
  --warning-soft: #fff5dc;
  --danger: #b42318;
  --shadow: 0 1px 2px rgba(18, 18, 16, .04), 0 12px 38px rgba(18, 18, 16, .06);
  font-family: "Archivo", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", "Noto Sans SC", sans-serif;
  font-size: 16px;
  line-height: 1.5;
  font-synthesis: none;
}