/*
 * Toolbay design tokens.
 * This is the per-site skin layer. Cloning the base theme for another site
 * means swapping this one file, nothing else. Keep all colour, type and
 * spacing decisions here so the base theme stays generic.
 */

:root {
  /* Brand palette — toolbay runs a cool indigo on warm paper. Distinct from
     the other portfolio sites on purpose (separated footprints). */
  --tb-ink: #1b1f2a;
  --tb-ink-soft: #4a5163;
  --tb-ink-faint: #767d90;
  --tb-paper: #f7f6f2;
  --tb-card: #ffffff;
  --tb-line: #e6e3db;
  --tb-primary: #3d4ee0;
  --tb-primary-dark: #2f3cc0;
  --tb-primary-tint: #eef0fd;
  --tb-accent: #e07a3d;
  --tb-good: #1f9d63;
  --tb-good-tint: #e6f5ee;

  /* Type */
  --tb-font: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --tb-font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  --tb-h1: clamp(1.75rem, 1.2rem + 2.2vw, 2.6rem);
  --tb-h2: clamp(1.3rem, 1.05rem + 1.1vw, 1.7rem);
  --tb-lead: clamp(1.02rem, 0.98rem + 0.3vw, 1.15rem);

  /* Space + shape */
  --tb-radius: 14px;
  --tb-radius-sm: 9px;
  --tb-gap: 1rem;
  --tb-shadow: 0 1px 2px rgba(27, 31, 42, .06), 0 8px 24px rgba(27, 31, 42, .06);
  --tb-maxw: 760px;
}

/*
 * Light only, deliberately. This site is funded by display ads, and ad
 * creatives are supplied by advertisers built for white backgrounds: on a dark
 * page they land as glaring white rectangles and viewability suffers. Every
 * competitor that lives on ad revenue (calculator.net, timeanddate, word.tips)
 * is light for the same reason. If dark comes back, it should be an explicit
 * toggle the visitor chooses, not prefers-color-scheme guessing for them.
 *
 * colour-scheme tells the browser to render form controls (date pickers,
 * selects, scrollbars) light too, otherwise a dark-mode OS styles them dark
 * against our white cards.
 */
:root { color-scheme: light; }