/* Paper theme: one look for the whole site (warm paper, ink, serif headings, muted cloth colours).
   Loaded last from head.php. Pages with their own inline styles use the same variables. */
:root {
  --paper-bg: #f4efe5;
  --paper: #fffdf8;
  --paper-2: #faf6ec;
  --ink: #26221d;
  --ink-soft: #4a443b;
  --muted: #6e665a;
  --rule: #d9d0bf;
  --rule-soft: #eee7d7;
  --accent: #2f5d4e;
  --accent-dark: #244a3e;
  --accent-tint: #e4ede7;
  --a1: #5b7a58;
  --a2: #44627c;
  --b1: #9b5a3b;
  --danger: #a33b2d;
  --danger-tint: #f5e3df;
  --ok: #3d6b4a;
  --ok-tint: #e3eee5;
  --serif: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, "Times New Roman", serif;
  --sans: -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

body { font-family: var(--sans); color: var(--ink); background: var(--paper-bg); }
h1, h2, h3, h4 { font-family: var(--serif); color: var(--ink); }
a { color: var(--accent); }
a:hover { color: var(--accent-dark); }

.hero_area { background: var(--paper-bg); text-align: left; }

/* Header (profile.php) */
.top-header { background: var(--paper) !important; backdrop-filter: none !important; box-shadow: none !important; border-bottom: 1px solid var(--rule); }
.brand-text { font-family: var(--serif); color: var(--ink) !important; }
.btn-login { color: var(--ink) !important; border: 1.5px solid var(--ink) !important; border-radius: 4px !important; background: transparent !important; }
.btn-login:hover { background: var(--ink) !important; color: var(--paper) !important; }
.btn-register { background: var(--accent) !important; color: #fff !important; border-radius: 4px !important; box-shadow: none !important; }
.btn-register:hover { background: var(--accent-dark) !important; transform: none !important; box-shadow: none !important; }
.user-avatar { background: var(--paper-2) !important; color: var(--ink) !important; border: 1px solid var(--rule); border-radius: 4px !important; }
.user-avatar:hover { transform: none !important; box-shadow: none !important; border-color: var(--ink); }
.dropdown-menu { background: var(--paper) !important; border: 1px solid var(--rule); border-radius: 4px !important; box-shadow: 0 6px 18px rgba(38,34,29,.12) !important; }
.dropdown-menu a:hover { background: var(--paper-2) !important; }

/* Footer */
.info_section, .footer_section { background: var(--paper-bg) !important; color: var(--muted) !important; border-top: 1px solid var(--rule); }
.info_section a, .footer_section a, .info_section p { color: var(--muted) !important; }
.info_section a:hover, .footer_section a:hover { color: var(--ink) !important; }

/* Leftovers from the old theme (css/style.css) */
.contact_form-container button { background: var(--accent) !important; border-radius: 3px !important; box-shadow: none !important; text-transform: none; }
.contact_form-container button:hover { background: var(--accent-dark) !important; transform: none !important; }
.contact_section input { border-bottom-color: var(--rule); }

/* Header language picker: sits on the right, next to the account buttons */
.language-selector { margin-left: auto; margin-right: 14px; }
.language-selector select { padding: 6px 28px 6px 10px; border: 1px solid var(--rule); border-radius: 3px; background-color: #fff; color: var(--ink); font: inherit; font-size: .88rem; cursor: pointer; }
.language-selector select:focus { outline: none; border-color: var(--accent); }
@media (max-width: 480px) { .language-selector { margin-right: 8px; } .language-selector select { padding: 4px 22px 4px 6px; font-size: .78rem; } }