/* theme.css — Renelec / RAP-demo visual language, shared by the shell + panes.
   Teal + crimson on dark green-black; Barlow (body) + Barlow Condensed (titles). */
@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=Barlow:wght@400;500;600&display=swap');
:root{
  --teal:#1a7a6e; --teal-dark:#135f56; --teal-light:#22998a;
  --crimson:#9b2335; --crimson-light:#c02b40;
  --bg:#0f1a18; --surface:#162421; --surface2:#1e3330; --border:#2a4a45;
  --text:#e8f0ef; --mut:#7aa09a; --success:#2ecc71; --amber:#d9962a;
}
*{box-sizing:border-box}
body{font-family:'Barlow',sans-serif;background:var(--bg);color:var(--text);margin:0}
/* condensed uppercase section titles (RAP panel-title) */
.title{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:13px;
  letter-spacing:2px;text-transform:uppercase;color:var(--teal-light)}
/* primary action button */
.btn{font-family:'Barlow',sans-serif;font-weight:600;font-size:14px;padding:10px 16px;
  border:0;border-radius:4px;background:var(--teal);color:#fff;cursor:pointer;transition:background .2s}
.btn:hover{background:var(--teal-light)}
.btn.ghost{background:transparent;border:1px solid var(--border);color:var(--mut)}
.btn.crimson{background:var(--crimson)} .btn.crimson:hover{background:var(--crimson-light)}
input,select,textarea{font-family:'Barlow',sans-serif;font-size:15px;padding:10px;border-radius:4px;
  border:1px solid var(--border);background:var(--surface);color:var(--text)}
input:focus,textarea:focus,select:focus{outline:none;border-color:var(--teal)}
::-webkit-scrollbar{width:4px;height:4px}
::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}