/* Preset N4c (final logo, version B) from /workspace/taskwell-logo/web/N4c. Site colours/fonts unchanged from R4-1 (#0056EB already matches the kit's light-mode blue); only logo files, icons, OG image and logo size change. */
/* ==========================================================================
   TaskWell AI: BRAND TOKENS (the only file that holds colours and fonts)
   Preset: R4-1 Machined Steel + Electric Blue  (CHOSEN LOGO, Oct 2026)
   Source: /workspace/taskwell-logo/web/R4-1/ (colors.css, logo-*.svg)
   To switch concept: ./swap-brand.sh <preset>  (see README.md)

   Contrast (WCAG 2.x):
   - Kit Electric Blue #2F7BFF is only 3.9:1 with white and 3.4:1 on Paper, so it
     fails AA for text. On light backgrounds we use #0056EB, the same hue darkened:
     white on it 5.95:1, it on Paper 5.21:1, on white 5.95:1.
   - On dark (Graphite) we use Ion Glow #8CC2FF (10.3:1). #2F7BFF is kept as
     --brand-electric for glows, borders and decoration only.
   - Ink #0D0F12 on Paper #EEF0F2: 16.8:1.
   ========================================================================== */
/* Fonts: Instrument Serif (headings) + Inter (body) + Geist Mono (labels). All SIL OFL 1.1, self-hosted woff2, Latin subset. */
@font-face { font-family: "Instrument Serif"; src: url("../fonts/InstrumentSerif-400.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Instrument Serif"; src: url("../fonts/InstrumentSerif-400-italic.woff2") format("woff2"); font-weight: 400; font-style: italic; font-display: swap; }
@font-face { font-family: "Inter"; src: url("../fonts/Inter-400.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Inter"; src: url("../fonts/Inter-500.woff2") format("woff2"); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: "Inter"; src: url("../fonts/Inter-600.woff2") format("woff2"); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: "Geist Mono"; src: url("../fonts/GeistMono-400.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }

:root {
  /* N4c kit tokens (Tina, colors.css): blue "AI" #0056EB on light / #4A90FF on dark; green only in the slash + full stop */
  --brand-electric-dark: #4A90FF;
  --brand-green-ui: #007A31;
  --brand-signal-green: #39FF88;
  --brand-pearl: #F3EEE4;
  /* Core palette */
  --brand-primary: #0056EB;        /* AA-safe Electric Blue: buttons, links, highlights on light */
  --brand-primary-ink: #FFFFFF;    /* text on --brand-primary */
  --brand-accent: #8CC2FF;         /* Ion Glow: highlights/links on dark */
  --brand-paper: #EEF0F2;          /* Paper: light background */
  --brand-ink: #0D0F12;            /* Graphite: body text and dark sections */

  /* Extra kit colours (decorative, not for small text on light) */
  --brand-electric: #2F7BFF;       /* Electric Blue, kit value */
  --brand-gunmetal: #2A2F36;
  --brand-steel: #8A939D;
  --brand-aluminium: #C8CDD3;
  --brand-chrome: #F2F4F6;

  /* Typography */
  --font-display: "Instrument Serif", "Iowan Old Style", Georgia, "Times New Roman", serif;  /* h1, h2 */
  --font-subhead: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; /* h3, card titles */
  --font-body: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-mono: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
  --display-weight: 400;
  --display-tracking: -0.015em;
  --subhead-weight: 600;

  /* Logo sizing (lockup is 1270x396, about 3.2:1) */
  --logo-height: 44px;
  --logo-height-mobile: 36px;
}