/* tokens.css
   Atrium Works palette tokens (light + dark themes).

   Design ethos: institutional restraint. No bold accent color.
   The palette is intentionally neutral — credibility through whitespace,
   typography, and stone/slate muted tones. WireTrust owns blue; Atrium
   Works deliberately does not compete on color identity.

   All Atrium Works tokens use the --aw- prefix.
*/

/* -----------------------------------------------------------
   LIGHT THEME (default)
----------------------------------------------------------- */
:root,
:root[data-theme="light"] {
  /* Backgrounds */
  --aw-bg: #fafaf9; /* stone-50 */
  --aw-bg-elevated: #ffffff;
  --aw-bg-subtle: rgba(28, 25, 23, 0.03);

  /* Text */
  --aw-fg: #1c1917; /* stone-900 */
  --aw-fg-muted: #44403c; /* stone-700 — darkened for WCAG AA */
  --aw-fg-subtle: #57534e; /* stone-600 */

  /* Borders */
  --aw-border: rgba(28, 25, 23, 0.12);
  --aw-border-emphasis: rgba(28, 25, 23, 0.32);

  /* Accent */
  --aw-accent: #44403c; /* stone-700 — link color in light mode */
  --aw-accent-hover: #1c1917; /* stone-900 — link hover */

  /* Focus ring */
  --aw-focus-ring: #1c1917;

  /* Pull quote rule */
  --aw-rule-color: rgba(28, 25, 23, 0.18);

  /* Selection */
  --aw-selection-bg: rgba(28, 25, 23, 0.12);
  --aw-selection-fg: #1c1917;
}

/* -----------------------------------------------------------
   DARK THEME (opt-in via theme toggle or localStorage)
----------------------------------------------------------- */
:root[data-theme="dark"] {
  /* Backgrounds */
  --aw-bg: #0a0e1a;
  --aw-bg-elevated: #111827;
  --aw-bg-subtle: rgba(255, 255, 255, 0.02);

  /* Text */
  --aw-fg: #f5f5f4; /* stone-100 */
  --aw-fg-muted: #a8a29e; /* stone-400 */
  --aw-fg-subtle: #78716c; /* stone-500 */

  /* Borders */
  --aw-border: rgba(168, 162, 158, 0.18);
  --aw-border-emphasis: rgba(245, 245, 244, 0.32);

  /* Accent (deliberately muted; used only for links and section labels) */
  --aw-accent: #d6d3d1; /* stone-300 — link color in dark mode */
  --aw-accent-hover: #f5f5f4; /* stone-100 — link hover */

  /* Focus ring (must be high-contrast for accessibility) */
  --aw-focus-ring: #ffffff;

  /* Pull quote rule */
  --aw-rule-color: rgba(245, 245, 244, 0.24);

  /* Selection */
  --aw-selection-bg: rgba(245, 245, 244, 0.18);
  --aw-selection-fg: #f5f5f4;
}