/* NextOrca brand tokens: the one place the site's colours are defined. Tailwind's nextorca-* colours (tailwind.config.js) read these, and
   lib/i18n.css reads the same names for the language switcher. The rest of the look is Tailwind classes in the pages. */
:root { --bg: #f6f4ee; --bg2: #fff; --bg4: #eceae1; --border: #dad6c9; --text: #15231c; --text-muted: #586861;
  --accent: #1d6b45; --accent-border: #1d6b45; --accent-dim: #e1eee6; --accent-soft: #e8f0e9; --accent-dark: #17583a;
  --deep: #12291d; --mint: #7fd0a3; --fog: #b9c8bf; --shadow-card-hover: 0 8px 24px rgba(21,35,28,.12); }
/* Sections fade in as they scroll into view (the small script at the end of each page adds .show). Without script they stay visible. */
.js .reveal { opacity: 0; transition: opacity .4s ease; }
.js .reveal.show { opacity: 1; }
@media (prefers-reduced-motion: reduce) { .js .reveal { opacity: 1; transition: none; } }
@media (max-width: 560px) { #i18n-current { display: none; } }