/* FLJ's canonical design contract. Legacy aliases point into this contract, never into a theme or Elementor kit. */
body.flj-independent {
  --flj-color-primary: #203bb5;
  --flj-color-primary-hover: #142d96;
  --flj-color-ink: #192d49;
  --flj-color-muted: #485b72;
  --flj-color-surface: #ffffff;
  --flj-color-silver: #edf1f5;
  --flj-color-border: #ccd5e0;
  --flj-color-yellow: #f5ce57;
  --flj-color-on-dark: #c8d4e4;
  --flj-color-focus: #986000;
  --flj-font-body: 'FLJ Barlow', 'FLJ Symbols', Arial, sans-serif;
  --flj-font-display: 'FLJ Barlow Condensed', 'FLJ Symbols', 'Arial Narrow', sans-serif;
  --flj-font-mono: ui-monospace, SFMono-Regular, Consolas, monospace;
  --flj-size-body: 18px;
  --flj-size-detail: 16px;
  --flj-size-note: 15px;
  --flj-leading-body: 1.65;
  --flj-content-width: 1360px;
  --flj-reading-width: 76ch;
  --flj-gutter: 48px;
  --flj-radius: 3px;
  --flj-control-height: 48px;
  --flj-space-section: clamp(58px, 6vw, 88px);

  /* Existing route and MU-plugin components retain their DOM and layout. */
  --flj-green: var(--flj-color-primary);
  --flj-green-hover: var(--flj-color-primary-hover);
  --flj-green-ink: var(--flj-color-primary);
  --flj-navy: var(--flj-color-ink);
  --flj-orange: var(--flj-color-yellow);
  --flj-orange-ink: #805100;
  --flj-text: var(--flj-color-ink);
  --flj-muted: var(--flj-color-muted);
  --flj-bg: var(--flj-color-surface);
  --flj-soft: var(--flj-color-silver);
  --flj-border: var(--flj-color-border);
  --green: var(--flj-color-primary);
  --green-dark: var(--flj-color-ink);
  --mint: var(--flj-color-silver);
  --blue: var(--flj-color-primary);
  --ink: var(--flj-color-ink);
  --muted: var(--flj-color-muted);
  --line: var(--flj-color-border);
  --paper: var(--flj-color-silver);
  --silver: var(--flj-color-silver);
  --white: var(--flj-color-surface);
  --yellow: var(--flj-color-yellow);
  --max: var(--flj-content-width);
  --body: var(--flj-font-body);
  --display: var(--flj-font-display);
  --font-body: var(--flj-font-body);
  --flj-copy-size: var(--flj-size-body);
  --flj-card-copy-size: 17px;
  --flj-small-copy-size: var(--flj-size-note);
  --flj-menu-size: 16px;

  /* Compatibility outputs only: old widgets may read these names. */
  --e-global-color-fljgreen: var(--flj-color-primary);
  --e-global-color-fljnavy: var(--flj-color-ink);
  --e-global-color-fljorange: var(--flj-color-yellow);
  --e-global-color-fljtext: var(--flj-color-ink);
  --e-global-color-fljmuted: var(--flj-color-muted);
  --e-global-color-fljbg: var(--flj-color-surface);
  --e-global-color-fljsoft: var(--flj-color-silver);
  --e-global-color-fljborder: var(--flj-color-border);
}
@media (max-width: 1150px) { body.flj-independent { --flj-gutter: 28px; } }
@media (max-width: 600px) { body.flj-independent { --flj-gutter: 20px; --flj-size-body: 17px; } }