/*
  ANYSRV Journal — design tokens.

  As of the main-site-parity passes (2026-09-29), the header/utility bar/
  mega-menus/footer are all built from the real glazeanysrv classes and
  variables-original.css's own real custom properties directly — the
  --shell-* token group that used to hand-carry pixel-sampled shell
  colors here has been removed as dead weight (nothing references it
  any more; see navmain-original.css / footer-original.css). What
  remains below are the tokens the BLOG CONTENT AREA (homepage cards,
  article body) uses — a deliberately modern palette approved in earlier
  rounds, kept separate from the real theme's own brown/blue chrome.
*/
:root {
  /* Brand green — shared by content and (independently) the real
     theme's own --color-primary-background, confirmed via pixel sample
     of the live Order button */
  --color-brand: #2ab867;
  --color-brand-hover: #209e56;
  --color-brand-dark: #1a7440;
  --color-brand-tint: #eaf8f0;

  /* ---- CONTENT (blog homepage + article) — kept modern, approved
     in the previous rounds; deliberately NOT the shell's brown/light-blue ---- */
  --color-heading: #152238;
  --color-text: #33404f;
  --color-text-muted: #5b6b7c;
  --color-border: #d7e2ec;
  --color-surface: #ffffff;
  --color-surface-muted: #f4f8fb;
  --color-page-bg: #e2f2fd;           /* the one content token that DOES
                                          follow the shell now: cards sit
                                          on the same pale-blue field,
                                          per the "page width/rhythm"
                                          instruction, not a white field */
  --color-accent: #1f4e8c;
  --color-accent-hover: #163a68;

  /* Type — same stack as the live theme */
  --font-body: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-heading: "Roboto Condensed", var(--font-body);

  /* Layout — 1250px matches the live site's .contentcontainer exactly */
  --container-max: 1250px;
  --content-max: 760px;
  --radius-sm: 5px;
  --radius-md: 5px;
  --shadow-sm: 0 2px 8px rgba(16, 35, 58, 0.06);
  --shadow-md: 0 6px 20px rgba(16, 35, 58, 0.08);

  /* Spacing scale — tightened this round (page rhythm was flagged as
     "too spacious" versus the real, denser WHMCS-generated layout) */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.85rem;
  --space-4: 1.25rem;
  --space-5: 1.75rem;
  --space-6: 2.25rem;
  --space-7: 3.25rem;

  --transition-fast: 160ms ease;
}