/* LES ECRITS DE LA LICORNE — IVOIRE & BLEU NUIT — 2026-09-01 */
:root{
  --bg:#f3ede2!important;
  --fg:#1c2b3b!important;
  --border:#d5c6ae!important;
  --card:#fffaf0!important;
  --muted:#e9e2d6!important;
  --muted-fg:#65707a!important;
  --primary:#19324d!important;
  --primary-light:#e5ebf0!important;
  --secondary:#b88a45!important;
  --radius:.8rem!important;
  --ecrits-nuit:#102338;
  --ecrits-bleu:#294b68;
  --ecrits-ivoire:#fffaf0;
  --ecrits-parchemin:#eee2cc;
  --ecrits-or:#b88a45;
  --ecrits-encre:#22364a;
}

html{background:#eee6da}
body{
  color:var(--ecrits-encre)!important;
  background:
    radial-gradient(circle at 8% 0,rgba(255,255,255,.9),transparent 31%),
    radial-gradient(circle at 93% 12%,rgba(117,146,169,.16),transparent 28%),
    linear-gradient(135deg,#f7f1e7 0,#eee3d3 52%,#e8edf0 100%)!important;
  background-attachment:fixed!important;
}

/* PAGE D'OUVERTURE */
.topbar,.library-return-bar{
  min-height:58px!important;
  padding:.8rem clamp(1rem,4vw,4rem)!important;
  color:#f8efd9!important;
  background:linear-gradient(90deg,#0d2034,#183650)!important;
  border-bottom:1px solid rgba(194,154,88,.55)!important;
  box-shadow:0 7px 25px rgba(19,37,54,.16)!important;
}
.topbar a,.library-return-bar a,.library-return-bar span,.brand{color:#f8efd9!important}
.hero{padding:clamp(3rem,7vw,6.5rem) 1rem!important;background:radial-gradient(circle at 50% 18%,rgba(182,151,99,.14),transparent 43%),linear-gradient(145deg,#e7edf0,#f3eadf)!important}
.ink-card{
  border:1px solid rgba(167,131,79,.46)!important;
  border-radius:4px!important;
  background:
    linear-gradient(rgba(255,251,242,.94),rgba(247,239,224,.97)),
    repeating-linear-gradient(0deg,transparent 0,transparent 31px,rgba(89,67,41,.035) 32px)!important;
  box-shadow:0 26px 65px rgba(41,52,64,.16),inset 0 0 42px rgba(169,126,70,.08)!important;
}
.ink-card h1{color:#142a41!important}.eyebrow{color:#9b713a!important}
.enter{border:1px solid #b88a45!important;background:linear-gradient(135deg,#17334e,#294d6b)!important;color:#fff4dc!important;box-shadow:0 9px 24px rgba(25,50,77,.2)!important}
.principles{color:#f7eedb!important;background:linear-gradient(145deg,#102338,#1a3a55)!important;border-top:1px solid #b88a45!important}
.principles article{border-color:rgba(197,159,94,.5)!important}

/* BANNIERE DE LA BIBLIOTHEQUE */
.banner{
  height:clamp(190px,24vw,310px)!important;
  border-bottom:2px solid #b88a45!important;
  background:
    repeating-linear-gradient(90deg,rgba(255,255,255,.022) 0 72px,rgba(184,138,69,.16) 73px 74px),
    linear-gradient(145deg,#0c1e31,#1d3d59)!important;
  cursor:default!important;
}
.banner-img{
  opacity:1!important;
  filter:none!important;
  object-position:center center!important;
}
.banner-overlay{
  background:linear-gradient(
    90deg,
    rgba(23,51,78,.04) 0%,
    rgba(23,51,78,.08) 32%,
    rgba(23,51,78,.36) 44%,
    rgba(23,51,78,.42) 50%,
    rgba(23,51,78,.36) 56%,
    rgba(23,51,78,.08) 68%,
    rgba(23,51,78,.04) 100%
  )!important;
}
.banner-title{
  max-width:980px;
  color:#fff4dc!important;
  font-family:var(--font-serif)!important;
  font-size:clamp(2.35rem,5.3vw,4.8rem)!important;
  font-weight:600!important;
  letter-spacing:.015em!important;
  text-shadow:0 4px 24px rgba(10,28,45,.72)!important;
}

/* MENU — TOUS LES BOUTONS RESTENT IDENTIQUES ET FONCTIONNELS */
nav:not(.library-return-bar){top:0!important;border-bottom:1px solid rgba(159,122,70,.35)!important;background:rgba(255,250,240,.92)!important;box-shadow:0 9px 28px rgba(38,52,67,.1)!important}
.nav-inner{max-width:1120px!important;min-height:62px!important;height:auto!important;padding:.45rem 1rem!important}
.nav-links{gap:.18rem!important}.nav-btn{color:#29445c!important;border-radius:999px!important;padding:.48rem .72rem!important}
.nav-btn:hover,.nav-btn.active{color:#8b6233!important;background:#eae1d5!important}
.nav-btn svg{color:#9c743f!important}
.btn-outline{border-color:#bda889!important;background:rgba(255,253,247,.7)!important;color:#29445c!important}
.btn-outline:hover{background:#e7e0d5!important}
.btn-primary{border:1px solid #b88a45!important;background:linear-gradient(135deg,#17334e,#294d6b)!important;color:#fff4dc!important;box-shadow:0 5px 16px rgba(25,50,77,.16)!important}
.donate-btn{border:1px solid #9d7136!important;background:linear-gradient(135deg,#ead3a5,#c99d59)!important;color:#1d3448!important;box-shadow:0 5px 16px rgba(89,64,31,.13)!important}

/* CONTENU ET CARTES */
.container{max-width:820px!important;padding:2rem 1rem 4rem!important;gap:1.6rem!important}
.welcome-card,.composer,.post-card,.stat-card,.stats-section,.profile-header,.profile-bio{
  border:1px solid rgba(164,127,77,.3)!important;
  background:
    linear-gradient(rgba(255,251,243,.94),rgba(247,239,226,.96)),
    repeating-linear-gradient(0deg,transparent 0,transparent 31px,rgba(95,70,43,.035) 32px)!important;
  box-shadow:0 18px 48px rgba(40,54,69,.1),inset 0 0 34px rgba(175,133,77,.045)!important;
}
.welcome-card{padding:2.1rem 2.3rem!important;border-left:4px solid #b88a45!important}
.welcome-card h2,.post-title,.post-author,.stats-page h1,.stats-section h2,.profile-name{color:#18324b!important}
.welcome-tagline{color:#9a6d35!important}.welcome-desc,.welcome-list{color:#596a77!important}.welcome-list .dot{color:#b88a45!important}

.quick-label{color:#6e7880!important;letter-spacing:.13em!important}
.quick-buttons{gap:.55rem!important}
.quick-btn,
.q-blague,.q-poeme,.q-tendre,.q-histoire,.q-rale,.q-novella,.q-humour,.q-conte{
  border-color:#b9a485!important;
  background:rgba(255,251,243,.76)!important;
  color:#2b4a63!important;
  box-shadow:0 4px 12px rgba(43,59,75,.06)!important;
}
.quick-btn:hover{border-color:#b88a45!important;background:#e8edf0!important;color:#17334e!important}

.composer{overflow:hidden!important}.composer-header{padding:1.15rem 1.35rem!important;color:#294b68!important;background:linear-gradient(90deg,rgba(226,234,239,.75),rgba(242,232,218,.7))!important}
.composer-body{border-color:#d6c8b4!important;padding:1.2rem 1.35rem 1.4rem!important}
.composer-security-note{border-color:rgba(49,85,113,.24)!important;background:rgba(210,225,234,.48)!important;color:#526878!important}
.composer-body textarea,.composer-body input[type="text"],.composer-select,.comment-form input[type="text"],.auth-field input{
  border-color:#cdbdA5!important;background:#fffdf7!important;color:#263c50!important;box-shadow:inset 0 2px 6px rgba(69,57,43,.035)!important
}
.composer-body textarea:focus,.composer-body input:focus,.comment-form input[type="text"]:focus,.auth-field input:focus{border-color:#315a78!important;box-shadow:0 0 0 3px rgba(49,90,120,.1)!important}
.composer-image-field{border-color:#bfa98a!important;background:rgba(240,234,224,.55)!important}
.composer-origin input[type="radio"]{accent-color:#294b68!important}

.random-btn{border-color:#ad9676!important;color:#506779!important;background:rgba(255,250,241,.45)!important}
.random-btn:hover{border-color:#294b68!important;color:#294b68!important;background:#e3ebef!important}
.tabs{border-color:#cbbba4!important;background:rgba(232,226,218,.7)!important}.tab-btn{color:#5c6b76!important}.tab-btn.active{color:#1d3850!important;background:#fffaf0!important;box-shadow:0 4px 14px rgba(40,53,68,.1)!important}

/* PUBLICATIONS : APPARENCE DE FEUILLE RELIEE */
.posts{gap:1.5rem!important}.post-card{border-radius:4px 14px 14px 4px!important;border-left:5px solid #294b68!important;box-shadow:0 18px 42px rgba(38,51,66,.12)!important}
.post-card:hover{transform:translateY(-2px)!important;box-shadow:0 22px 52px rgba(38,51,66,.16)!important}
.avatar,.comment-avatar{border-color:#c09b63!important;background:#e9e0d2!important;color:#294b68!important}
.post-body,.comment-text,.profile-bio{color:#33495b!important;font-family:var(--font-serif)!important;line-height:1.78!important}
.badge,.origin-tag{filter:saturate(.55)!important}.post-footer,.comments-section,.hash-panel{border-color:#d9ccb9!important;background:rgba(231,235,237,.38)!important}
.action-btn{color:#5d6f7d!important}.action-btn:hover{background:rgba(41,75,104,.08)!important;color:#294b68!important}
.comment-send-btn,.hash-btn.ots-link{background:#294b68!important;color:#fff5df!important}
.post-protection{border-color:#d9ccb9!important;color:#657581!important}
.hash-value{border-color:#cdbda5!important;background:#fffdf8!important;color:#29445c!important}

/* STATISTIQUES, PROFIL ET FENETRES DE CONNEXION */
.stat-number{color:#9a6d35!important}.bar-fill{background:linear-gradient(90deg,#7895aa,#b88a45)!important}.novella-banner{border-color:#c4b28f!important;background:rgba(233,225,210,.65)!important;color:#536b62!important}
.auth-modal{border:1px solid #cbb58f!important;border-radius:14px!important;background:linear-gradient(145deg,#fffaf0,#eee6db)!important;color:#263b4e!important;box-shadow:0 28px 85px rgba(12,27,42,.35)!important;font-family:var(--font-sans)!important}
.auth-modal h2{color:#18324b!important}.auth-submit{background:linear-gradient(135deg,#17334e,#294d6b)!important;color:#fff5df!important}.auth-switch button{color:#294b68!important}
.toast{background:#102338!important;color:#fff5df!important;border:1px solid rgba(184,138,69,.55)!important}

footer,.tiny-feather-wrap{border-color:rgba(166,128,77,.3)!important;background:rgba(244,237,226,.72)!important}
footer .quote{color:#526779!important}.ots-note a{color:#294b68!important}

@media(max-width:768px){
  .banner{height:190px!important}.banner-title{font-size:clamp(2.2rem,10vw,3.5rem)!important}
  nav:not(.library-return-bar){position:sticky!important;overflow:hidden!important}
  .nav-inner{max-width:none!important;overflow-x:auto!important;justify-content:flex-start!important;gap:.5rem!important;scrollbar-width:thin!important}
  .nav-links{display:flex!important;flex:0 0 auto!important}.nav-links .nav-btn{display:inline-flex!important}
  .nav-auth{display:flex!important;flex:0 0 auto!important}.nav-avatar-mobile{display:none!important}
  .donate-btn{max-width:150px!important;white-space:normal!important;line-height:1.25!important;text-align:center!important}
}
@media(max-width:600px){
  .welcome-card{padding:1.4rem 1.2rem!important}.container{padding-top:1.2rem!important}.post-header,.post-content,.post-footer,.post-protection{padding-left:1rem!important;padding-right:1rem!important}
  .composer-origin{align-items:flex-start!important;flex-direction:column!important;gap:.6rem!important}
}

/* ACCUEIL — barre supérieure lisible sur fond bleu nuit */
.topbar{
  min-height:70px!important;
  padding:.75rem clamp(1rem,4vw,4rem)!important;
}
.topbar .brand{
  color:#fff4dc!important;
  font-size:1.12rem!important;
  line-height:1.25!important;
}
.topbar nav{
  position:static!important;
  width:auto!important;
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:.4rem!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.topbar nav a{
  display:inline-flex!important;
  min-height:42px!important;
  align-items:center!important;
  padding:.55rem .78rem!important;
  border:1px solid transparent!important;
  border-radius:999px!important;
  color:#fff4dc!important;
  font-size:1rem!important;
  font-weight:600!important;
  line-height:1.2!important;
  text-decoration:none!important;
}
.topbar nav a:hover,
.topbar nav a:focus-visible{
  color:#ffe2a3!important;
  background:rgba(255,255,255,.1)!important;
  border-color:rgba(231,190,112,.55)!important;
}
.topbar nav a:last-child{
  color:#142a41!important;
  background:linear-gradient(135deg,#f0d69f,#cfa65e)!important;
  border-color:#f2d69d!important;
}
.topbar nav a:last-child:hover,
.topbar nav a:last-child:focus-visible{
  color:#102338!important;
  background:linear-gradient(135deg,#ffe9b9,#ddb873)!important;
}
@media(max-width:700px){
  .topbar{
    align-items:flex-start!important;
    flex-direction:column!important;
  }
  .topbar nav{
    width:100%!important;
    justify-content:flex-start!important;
  }
  .topbar nav a{
    font-size:.95rem!important;
  }
}