:root {
  color-scheme: light;

  /* LOCLYX field journal palette */
  --lx-ink: #171916;
  --lx-ink-soft: #51534d;
  --lx-ink-muted: #73756d;
  --lx-paper: #fffdf8;
  --lx-paper-warm: #f7f3ea;
  --lx-paper-deep: #ece4d7;
  --lx-cinnabar: #c43a31;
  --lx-cinnabar-deep: #8f2923;
  --lx-forest: #2e4939;
  --lx-forest-deep: #1c3026;
  --lx-jade: #567565;
  --lx-gold: #b98b3f;
  --lx-gold-soft: #dfbf7b;
  --lx-sky: #a9c0c0;

  /* Compatibility aliases for preserved WordPress content. */
  --lx-brick: var(--lx-cinnabar);
  --lx-brick-deep: var(--lx-cinnabar-deep);
  --lx-warm-white: var(--lx-paper-warm);
  --lx-cloud: var(--lx-paper-warm);
  --lx-cream: var(--lx-paper-deep);
  --lx-sand: var(--lx-paper-deep);
  --lx-stone: var(--lx-ink-muted);
  --lx-deep: var(--lx-ink);
  --lx-moss: var(--lx-forest);

  --lx-line: rgba(23, 25, 22, 0.13);
  --lx-line-strong: rgba(23, 25, 22, 0.28);
  --lx-line-light: rgba(255, 253, 248, 0.22);
  --lx-focus: #0f6671;
  --lx-success: #2f7047;
  --lx-warning: #95631d;
  --lx-error: #a62f2f;

  --lx-font-sans: "Aptos", "Segoe UI Variable", "Segoe UI", Arial, sans-serif;
  --lx-font-display: "Iowan Old Style", "Palatino Linotype", "Book Antiqua", Georgia, serif;
  --lx-font-reading: "Iowan Old Style", "Palatino Linotype", Georgia, serif;

  --lx-content-wide: 1420px;
  --lx-content-medium: 1080px;
  --lx-content-reading: 760px;
  --lx-gutter: clamp(20px, 4.4vw, 72px);
  --lx-header-height: 78px;

  --lx-space-1: 8px;
  --lx-space-2: 12px;
  --lx-space-3: 18px;
  --lx-space-4: 26px;
  --lx-space-5: 38px;
  --lx-space-6: 56px;
  --lx-space-7: 80px;
  --lx-space-8: 112px;

  --lx-radius-control: 4px;
  --lx-radius-media: 6px;
  --lx-shadow-menu: 0 32px 90px rgba(10, 14, 11, 0.26);
  --lx-shadow-media: 0 28px 72px rgba(29, 24, 18, 0.14);
  --lx-shadow-float: 0 18px 48px rgba(29, 24, 18, 0.16);

  --lx-ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --lx-ease-standard: cubic-bezier(0.4, 0, 0.2, 1);
  --lx-ease-cinematic: cubic-bezier(0.16, 1, 0.3, 1);
}

@media (max-width: 960px) {
  :root {
    --lx-header-height: 66px;
    --lx-gutter: clamp(18px, 5.5vw, 42px);
  }
}