/* =========================================================
   FINX base layout — shared gutter / ink / container
   Loaded LAST. No !important — cascade + shared tokens only.
   ========================================================= */

:root {
  --container: 1180px;
  --gutter: 40px;
  --max: 1180px;

  --color-ink: #1f2937;
  --color-text-base: #344054;
  --color-muted: #667085;

  /* Legacy theme aliases (themes still use --ink / --muted) */
  --ink: #1f2937;
  --muted: #667085;

  /* Home aliases */
  --fh-ink: #1f2937;
  --fh-ink-soft: #344054;
  --fh-ink-muted: #667085;
  --fh-container: min(1180px, calc(100% - 80px));
}

@media (max-width: 768px) {
  :root {
    --gutter: 20px;
    --fh-container: min(1180px, calc(100% - 40px));
  }
}

body {
  color: var(--color-ink);
}

/* Same content width on every page (overrides earlier theme .container) */
.container,
.fh-container {
  width: min(calc(100% - (var(--gutter) * 2)), var(--container));
  max-width: var(--container);
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
}

#header.fx-header .container,
.fx-site-footer__inner {
  width: min(calc(100% - (var(--gutter) * 2)), var(--container));
  max-width: var(--container);
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
}