  /* =====================================================================
     DARK BLUE THEME (screen only, lightweight - no fixed bg, no text-clip, small shadows)
     ===================================================================== */
  @media screen{
    :root{
      --oxford-blue:#811829;
      --navy-800:#a42238;
      --navy-700:#c02f47;
      --blue-600:#c02f47;
      --blue-500:#e24862;
      --blue-tint:#fce3e7;
      --paper:#fce7ea;
      --gold:#f5b942;
      --gold-light:#ffe3a3;
      --gold-bg:#fff6dd;
      --ink:#371319;
      --muted:#845e64;
      --line:#f2d5da;
      --green:#1f9254;
      --red:#d23b32;
      --shadow-sm:0 1px 4px rgba(125,31,47,0.10);
      --shadow:0 4px 14px rgba(125,31,47,0.12);
      --shadow-lg:0 8px 24px rgba(125,31,47,0.18);
      --serif:'Palatino Linotype',Palatino,'Book Antiqua',Georgia,'Times New Roman',serif;
    }
    html{scroll-behavior:auto;}
    body{background:#fce7ea;}
    ::selection{background:#f8bdc7;color:#5b1420;}
    .fade-in{animation:none !important;}
    .hero .crest{display:flex;margin:0 auto 20px;}
    .center-box .top .crest{display:flex;margin:0 auto 10px;}

    header.topbar{background:linear-gradient(90deg,#811829,#c02f47);box-shadow:0 2px 8px rgba(129,24,41,0.25);border-bottom:3px solid var(--gold);}
    .brand-text .name .accent{color:var(--gold-light);}
    .brand-text .sub{color:#f9cbd3;}
    .rightbar .who{background:rgba(255,255,255,0.14);border:1px solid rgba(255,255,255,0.35);color:#fff;}
    button.linkbtn{border:1px solid rgba(255,255,255,0.55);color:#fff;}
    button.linkbtn:hover{background:rgba(255,255,255,0.18);}

    .hero h1{color:#811829;}
    .hero .eyebrow{color:#c02f47;letter-spacing:3px;}
    .divider-orn .ln{background:linear-gradient(90deg,transparent,#e24862);}
    .divider-orn .ln:last-child{background:linear-gradient(90deg,#e24862,transparent);}
    .portal-card{background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);}
    .portal-card:hover{border-color:#e24862;box-shadow:var(--shadow-lg);}
    .portal-card .head,.center-box .top{background:linear-gradient(135deg,#c02f47,#811829);border-bottom:3px solid var(--gold);}
    .portal-card .head h3,.center-box .top h2{color:#fff;}
    .center-box .top p{color:#fad2d8;}
    .portal-card .go{color:#c02f47;}
    .center-box{border:1px solid var(--line);background:#fff;box-shadow:var(--shadow);}

    .sidebar{background:linear-gradient(180deg,#a42238,#811829);border:0;box-shadow:var(--shadow);}
    .sidebar .side-label{color:var(--gold-light);}
    .sidebar .side-divider{background:rgba(255,255,255,0.18);}
    .sidebar button{color:#fbdde2;}
    .sidebar button:hover{background:rgba(255,255,255,0.12);color:#fff;}
    .sidebar button.active{background:rgba(255,255,255,0.20);color:#fff;border-right-color:var(--gold);box-shadow:none;}

    .card{background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-sm);}
    .card::before{height:3px;background:linear-gradient(90deg,#c02f47,#ea697f);}
    .card h2{color:#811829;}
    .card h3{color:#a42238;}

    .btn{background:#c02f47;color:#fff;border:1px solid #a4253a;box-shadow:0 1px 3px rgba(125,31,47,0.25);}
    .btn:hover{background:#d63953;box-shadow:0 3px 8px rgba(125,31,47,0.3);}
    .btn.gold{background:#f5b942;color:#3d2a00;border:1px solid #d99a1c;text-shadow:none;box-shadow:0 1px 3px rgba(150,100,0,0.3);}
    .btn.gold:hover{background:#ffc85a;}
    .btn.secondary{background:#fff;color:#a42238;border:1.5px solid #edb8c1;box-shadow:none;}
    .btn.secondary:hover{background:var(--blue-tint);border-color:#e24862;}
    .btn.danger{background:#d23b32;color:#fff;border:1px solid #b02a22;}

    .field label{color:#4f2028;}
    .field input,.field select,.field textarea,textarea,select,input[type=date],input[type=month],input[type=time]{border-color:#edc6cc;}
    .field input:focus,.field select:focus,.field textarea:focus,textarea:focus{border-color:#e24862;box-shadow:0 0 0 3px rgba(226,72,98,0.2);}

    .stat{background:linear-gradient(135deg,#dc3d58,#811829);border:0;box-shadow:var(--shadow);}
    .stat::before,.stat::after{display:none;}
    .stat .num{color:#fff;}
    .stat[style*="#c12f47"],.stat[style*="#933040"]{background:linear-gradient(135deg,#dc3d58,#811829) !important;}
    .stat[style*="#1e7a44"]{background:linear-gradient(135deg,#2bb673,#14714a) !important;}
    .stat[style*="#b3261e"]{background:linear-gradient(135deg,#ee5a50,#b02a22) !important;}
    .stat[style*="#a5670f"]{background:linear-gradient(135deg,#f5a623,#c27a0a) !important;}

    table{border:1px solid var(--line);}
    th{background:#a42238;color:#fff;border-bottom:2px solid var(--gold);}
    td{border-bottom:1px solid #f7e1e4;}
    tbody tr:nth-child(even) td{background:#fdedf0;}
    tbody tr:hover td{background:#fce0e4;}
    tfoot td{background:#fbd7dd !important;}
    .tag-class{background:#fbdbe1;color:#a42238;border:1px solid #f0bbc4;}
    .list-item{border-bottom-color:#f6dee2;}
    .empty{background:#fdebee;border:1px dashed #edb8c1;color:#845e64;}
    .subtab-btn{border-color:#edb8c1;}
    .subtab-btn.active{background:#c02f47;color:#fff;border-color:#c02f47;}
    .toast{background:#811829;color:#fff;border:1px solid var(--gold);}
    footer.foot{color:#a07179;}
    .print-toolbar{background:#811829;border-bottom:3px solid var(--gold);color:#fff;}
    .storage-warning{border-color:var(--gold);}
    .portal-card,.card,.btn,.sidebar button{transition:none;}
    .portal-card:hover,.btn:hover{transform:none;}
    /* dark blue full-screen overrides */
    body{background:#5f1320;}
    header.topbar{background:linear-gradient(90deg,#3d0c14,#6b1524);border-bottom:3px solid var(--gold);}
    .hero h1{color:#fff;}
    .hero .eyebrow{color:var(--gold-light);}
    .hero p.tag{color:#f9cbd3;}
    footer.foot{color:#dd9fa9;}
    .sidebar{background:linear-gradient(180deg,#6b1725,#3d0c14);border:1px solid rgba(255,255,255,0.12);}
    .sidebar button.active{background:rgba(255,255,255,0.16);}
    .card,.portal-card,.center-box{border:0;box-shadow:0 2px 8px rgba(0,0,0,0.28);}
    .card h2{color:#5f1320;}
    /* one colour for every stat tile */
    .stat,.stat[style*="#c12f47"],.stat[style*="#933040"],.stat[style*="#1e7a44"],.stat[style*="#b3261e"],.stat[style*="#a5670f"]{background:linear-gradient(135deg,#dc3d58,#811829) !important;}
  }
