/* Lenimio brand layer. Load AFTER styles.css. Safe to remove: the app falls back to styles.css. */

/* 1. Contrast: muted text was 3.3:1 on paper (needs 4.5:1). Controls get a 3:1 border. */
:root{--muted:#6b655b;--border:#8a847a}
@media (prefers-color-scheme:dark){
  :root{--muted:#a29b8e;--border:#8f887b}
}
.switch,.icon,.btn.ghost,.own textarea,.wrow input,.plan{border-color:var(--border)}
.plan.sel{border-color:var(--ink)}
.library button{border-color:var(--line)}
.library button:hover{border-color:var(--border)}

/* 2. Keyboard focus: solid clay ring on every control */
:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.own textarea:focus-visible,.wrow input:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-color:var(--border)}

/* 3. Mark beside the wordmark; the focal letter "n" in clay */
.brand{display:inline-flex;align-items:center}
.brand::before{content:"";width:28px;height:28px;margin-right:10px;background:url(mark.svg) center/contain no-repeat}
.brand i{font-style:normal;color:var(--accent)}
@media (prefers-color-scheme:dark){
  .brand::before{background-image:url(mark-dark.svg)}
}