/* ============================================================
   CHAMBER OF REFLECTIONS — links.expert (linkding)
   vélum · tinta · rubrica · maçônico — IM Fell English
   injetado via nginx sub_filter
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=IM+Fell+English:ital@0;1&family=IM+Fell+English+SC&family=IBM+Plex+Mono:wght@400&display=swap');

:root, html, body, [data-theme="light"], [data-theme="dark"] {
  --ch-vellum:#F4EEE1; --ch-ink:#221C18; --ch-rubric:#9B2A22;
  --ch-ash:#7A6F60; --ch-rule:#D8CDB5; --ch-panel:#EBE3D2;

  --body-color:#F4EEE1 !important;
  --body-color-contrast:#221C18 !important;
  --text-color:#221C18 !important;
  --primary-text-color:#221C18 !important;
  --secondary-text-color:#7A6F60 !important;
  --primary-color:#9B2A22 !important;
  --alternative-color:#9B2A22 !important;
  --alternative-color-dark:#9B2A22 !important;
  --border-color:#D8CDB5 !important;
  --bookmark-title-color:#221C18 !important;
  --bookmark-description-color:#7A6F60 !important;
  --bookmark-actions-color:#7A6F60 !important;
  --bookmark-actions-hover-color:#9B2A22 !important;
  --btn-bg-color:#EBE3D2 !important;
  --btn-border-color:#D8CDB5 !important;
  --btn-hover-bg-color:#D8CDB5 !important;
  --base-font-family:'IM Fell English', Georgia, serif !important;
  --body-font-family:'IM Fell English', Georgia, serif !important;
}

/* ---- papel + moldura dupla rubricada ---- */
body {
  background:#F4EEE1 !important;
  background-image:radial-gradient(ellipse at 50% 0%, #FBF7EE 0%, #F4EEE1 55%, #EBE3D2 100%) !important;
  color:#221C18 !important;
  font-family:'IM Fell English', Georgia, serif !important;
}
body::before {
  content:""; position:fixed; inset:14px; z-index:0; pointer-events:none;
  border:1px solid #9B2A22; outline:1px solid #9B2A22; outline-offset:3px; opacity:.55;
}
@media (max-width:700px){ body::before{ inset:8px; outline-offset:2px; } }
::selection { background:#9B2A22; color:#F4EEE1; }

/* ============================================================
   TOPO — esconde logo + botão login; símbolo maçônico + nome
   ============================================================ */
.app-logo { display:none !important; }
a[href="/login/"], a.btn-link[href="/login/"] { display:none !important; }

.app-link { align-items:center; gap:.55rem; text-decoration:none !important; }
.app-link::before {                       /* Esquadro & Compasso (SVG) no lugar do logo */
  content:""; display:inline-block; width:34px; height:34px; margin-right:.5rem; flex:0 0 auto;
  background:no-repeat center / contain;
  background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' fill='none' stroke='%239B2A22' stroke-width='6' stroke-linecap='round' stroke-linejoin='round'><circle cx='50' cy='14' r='4.5' fill='%239B2A22'/><path d='M50 17 L27 77'/><path d='M50 17 L73 77'/><path d='M24 83 L60 39'/><path d='M76 83 L40 39'/><circle cx='50' cy='60' r='4' fill='%239B2A22'/></svg>");
}
.app-name {
  font-family:'IM Fell English SC', serif !important;
  letter-spacing:.14em; color:#221C18 !important; font-size:1.5rem; font-weight:400 !important;
}
.app-name::after { content:" ∴"; color:#9B2A22; }   /* três pontos maçônicos */

/* ---- tipografia ---- */
h1, h2, h3, h4, #main-heading, .section-header {
  font-family:'IM Fell English SC','IM Fell English',Georgia,serif !important;
  font-weight:400 !important; letter-spacing:.04em; color:#221C18 !important;
}
.section-header { color:#9B2A22 !important; }
.section-header::before { content:"∴ "; color:#9B2A22; }     /* rubrica maçônica */
a { color:#221C18 !important; text-decoration-color:#9B2A22; text-underline-offset:.15em; }
a:hover { color:#9B2A22 !important; }
hr { border:0 !important; height:auto !important; text-align:center; margin:2rem 0 !important; }
hr::after { content:"⁂"; color:#9B2A22; font-size:1.3rem; letter-spacing:.3em; }  /* asterismo */

/* ---- navegação ---- */
.menu-link { font-family:'IM Fell English SC',serif !important; letter-spacing:.08em; color:#7A6F60 !important; }
.menu-link:hover, .menu-link.active { color:#9B2A22 !important; }

/* ---- lista de bookmarks ---- */
.bookmark-list .title a, .bookmark-title, li[ld-bookmark-item] .title a { color:#221C18 !important; }
.bookmark-list .description, .bookmark-description { color:#7A6F60 !important; }
.bookmark-list > li, ul.bookmark-list > li { border-bottom:1px solid #D8CDB5 !important; }
.url-display, .bookmark-list .url-path { color:#7A6F60 !important; }
a.tag, .tag-link, .form-tag { color:#9B2A22 !important; }

/* ---- botões ---- */
.btn { border-radius:0 !important; }
.btn.btn-primary, button[type="submit"], input[type="submit"] {
  background:#9B2A22 !important; color:#F4EEE1 !important; border-color:#9B2A22 !important;
  font-family:'IM Fell English SC',serif !important; letter-spacing:.1em;
}
.btn.btn-primary:hover, button[type="submit"]:hover { background:#221C18 !important; border-color:#221C18 !important; }

/* ---- inputs / formulários ---- */
input, textarea, select, .form-input, .form-select {
  background:#F4EEE1 !important; color:#221C18 !important;
  border:1px solid #D8CDB5 !important; border-radius:0 !important;
  font-family:'IM Fell English', Georgia, serif !important;
}
input:focus, textarea:focus, select:focus { outline:none !important; border-color:#9B2A22 !important; }

/* ---- código ---- */
pre, code {
  font-family:'IBM Plex Mono', ui-monospace, monospace !important;
  background:#EBE3D2 !important; border:1px solid #D8CDB5 !important; border-radius:0 !important; color:#221C18;
}