/* TechFusion Data Labs: the techfusiondatalabs.com look (color tokens), on top of public/css/base.css.
   Source: techfusiondatalabs-com/public/css/site.css (:root tokens).
   Type: the site uses Inter Tight (display), Inter (text) and JetBrains Mono (labels). Those files are not in
   public/fonts/, so no @font-face here: each stack names the brand face first (used when it is installed on the
   visitor's device) and falls back to system fonts. To match the site exactly, add the three woff2 files (all SIL
   OFL) to public/fonts/, add @font-face rules here and list them in brand.preloadFonts.
   Colour: near-black with a red cast (--bg #0a0506), signal red accent (--accent #ff4a50), brand red (#9e0b0f). */

:root {
  --display: 'Inter Tight', 'Inter', system-ui, -apple-system, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
  --sans: 'Inter', system-ui, -apple-system, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
  --mono: 'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, Consolas, monospace;

  /* Dark surfaces and text: the site's own values. */
  --ink: #0a0506;      /* --bg */
  --ink-2: #100809;    /* --bg-2 */
  --ink-3: #180c0e;    /* derived: one step lighter than --bg-2 (the site has no third surface) */
  --text-d: #f3ecec;   /* --text */
  --muted-d: #bdadad;  /* --text-2 */
  --label-d: #968282;  /* --text-3 */
  --ember: #ff4a50;    /* --accent */

  /* Light surfaces: the site is dark only, so these are derived from its text and brand colours. */
  --bone: #f3ecec;     /* the site's --text, used as paper */
  --stone: #e8dede;    /* derived */
  --white: #fbf8f8;    /* derived */
  --text-l: #0a0506;   /* --bg */
  --muted-l: #5a4a4b;  /* derived */
  --label-l: #6b5556;  /* derived */
  --ember-l: #9e0b0f;  /* --brand / --accent-2 */
}
