/* =============================================================================================
   Timextender design tokens — ONE source for the docs (Zensical) and the community (Discourse).
   Measured from timextender.com/software (Oct 2026) and the brand guide:
     font Geist · white header 80px · nav 16–18px/400 · body 17–18px/1.6 · h1 500, h2/h3 400
     buttons r8: header CTA Dove/white 14px/500 12×15 · content CTA orange/white 16px/500 20×25
     cards #FDFDFD r10 shadow 0 0 15 rgba(0,0,0,.1) · bands Crema 50% / Dove 30% / Slate
   Loaded by docs-site (stylesheets/) and copied into the Discourse theme by configure.py.
   ============================================================================================= */
:root {
  /* brand palette */
  --tx-orange: #ff6b00;
  --tx-orange-hover: #e65f00;
  --tx-slate: #3d3935;
  --tx-slate-deep: #2f2b28;
  --tx-dove: #7fa9ae;
  --tx-dove-hover: #6b979c;
  --tx-dove-ink: #50797c;        /* links on white */
  --tx-crema: #e1dcc8;
  --tx-tierra: #774212;

  /* surfaces */
  --tx-white: #ffffff;
  --tx-band-crema: #f0ede3;      /* Crema at 50% on white */
  --tx-band-dove: #d9e5e7;       /* Dove at 30% on white */
  --tx-card: #fdfdfd;
  --tx-card-shadow: 0 0 15px rgba(0, 0, 0, .1);
  --tx-subtle: #f6f6f7;          /* inputs, code */

  /* text */
  --tx-ink: #181927;
  --tx-ink-soft: #55565f;
  --tx-ink-faint: #8a8b93;
  --tx-line: rgba(24, 25, 39, .12);
  --tx-line-strong: rgba(24, 25, 39, .24);

  /* type */
  --tx-font: "Geist", Arial, sans-serif;
  --tx-mono: "Geist Mono", ui-monospace, Menlo, monospace;
  --tx-size-body: 17px;
  --tx-size-nav: 16px;
  --tx-size-small: 14px;
  --tx-size-h1: 44px;
  --tx-size-h2: 32px;
  --tx-size-h3: 22px;
  --tx-weight-h1: 500;
  --tx-weight-h2: 400;

  /* shape and rhythm */
  --tx-radius: 8px;
  --tx-radius-card: 10px;
  --tx-header-h: 80px;
  --tx-container: 1200px;
  --tx-gutter: 24px;
  --tx-section-y: 72px;
}