/* Paleta tomada de /opt/pep/static/pep.css. */
:root{--navy:#102a43;--blue:#146c94;--green:#16846b;--red:#c84b4b;--ink:#243b53;--muted:#718096;--line:#dce6ec;--paper:#f5f8fa;--accent:#146c94}
body,.login{background:var(--paper);color:var(--ink)}
aside{background:var(--navy);color:#fff}
aside nav a,.navgroup summary,.subtle{color:#e5eef4}
aside nav a:hover,aside nav a:focus,aside nav .selected,.navgroup summary:hover{background:#ffffff18;color:#fff}
.navgroup a{border-left-color:#c3d1dc}.selected{border-left-color:#fff}
.asidefoot small{color:#c3d1dc}aside .eyebrow{color:#c3d1dc}
.content>header{background:#fff;border-color:var(--line);color:var(--muted);padding:16px 20px}
h1,h2,.loginbox h1{color:var(--navy)}
p,footer,.loginbox small{color:var(--muted)}
.eyebrow,.loginbox .eyebrow,.card>small{color:var(--blue)}
.card,.panel,.hero{background:#edf2f5;border-color:var(--line)}
.panel .panel,.panel details{background:#e1e9ed;border-color:#b9c9d2}
.panel details details{background:#d4e0e6;border-color:#aebfc9}
.panel details details details{background:#c7d6de;border-color:#9fb3bf}
.loginbox,.loginbox .brand,.empty{background:#fff;border-color:var(--line)}
.loginbox{border:1px solid var(--line);box-shadow:0 10px 30px #102a4310}
button,.button{background:var(--blue);color:#fff}
.subtle{background:transparent;color:#e5eef4}
.pill,.notice{background:#e9f3f7;color:var(--blue)}
.tablewrap{background:#fff;border-color:var(--line)}
th,.spreadsheet th{background:#edf2f5;color:var(--navy);border-color:var(--line)}
td,.spreadsheet td{border-color:var(--line)}
tbody tr:nth-child(even){background:var(--paper)}
.spreadsheet input,.spreadsheet select{color:var(--ink)}
.spreadsheet .row-selected{background:#e2f4ed}.spreadsheet .new-row{background:#e9f3f7}
.spreadsheet .save-error{background:#fdebea;outline-color:var(--red)}
input,textarea,select{border-color:var(--line)}
input:focus-visible,textarea:focus-visible,select:focus-visible,a:focus-visible,button:focus-visible,summary:focus-visible,.navgroup summary:focus-visible{outline-color:var(--blue)}
.spreadsheet input:focus,.spreadsheet select:focus{outline-color:var(--green)}
.card:hover{border-color:var(--blue)}footer,.listrow{border-color:var(--line)}
.content nav a{color:var(--blue)}
.login-club-name{margin:10px 0 0;text-align:center;color:var(--navy);font-size:20px;line-height:1.1;font-weight:900;letter-spacing:.08em}.loginbox .eyebrow{margin:3px 0 16px;font-size:12px}