/* Mouse Money Planner: the Mouse Money look (black, white, red, metallic gold) on top of the planner's own styles. No cream. */
:root{
  --ink:#0E0E0E; --ink-2:#0E0E0E; --paper:#FFFFFF; --paper-2:#F4F4F4; --line:#E2E2E2; --muted:#5F5F5F;
  --red:#FF5A36; --red-deep:#E14A28; --blue:#0E0E0E; --blue-light:#F1F1F1; --yellow:#D9BC6A; --yellow-light:#F3F3F3;
  --teal:var(--blue); --teal-soft:var(--blue-light); --ok:#0E0E0E;
  --gold:#D9BC6A;
  --foil:linear-gradient(100deg,#8A6A1F 0%,#E8CF82 22%,#B58A2E 45%,#F4E4A6 62%,#A47B26 82%,#D9BC6A 100%);
  --display:"DM Sans","Helvetica Neue",Arial,sans-serif; --body:"DM Sans","Helvetica Neue",Arial,sans-serif;
  --serif:"Cormorant Garamond",Georgia,serif;
  --radius:0px;
}
body{-webkit-font-smoothing:antialiased}
h1,h2{font-family:var(--serif);font-weight:600;letter-spacing:-.015em}
h1{line-height:1}
h2{font-size:2rem;line-height:1.05}

/* Red buttons carry black text (white on this red is too light to read at body size). */
.btn.primary,.btn.primary:hover{color:#0E0E0E}
.btn.primary:hover{background:#FF7A5C;border-color:#FF7A5C}
.btn,.card,.stat,input,select,textarea{border-radius:0}
.pill{background:#0E0E0E;color:#fff}

/* The wordmark, in place of the planner's star logo. */
.brand.mm-brand{display:flex;align-items:baseline;gap:8px;text-decoration:none;color:#0E0E0E}
.mm-word{font-family:"Bricolage Grotesque","Helvetica Neue",sans-serif;font-weight:800;font-size:1.45rem;letter-spacing:-.045em;line-height:.84;color:#0E0E0E}
.mm-word i{font-style:normal;color:#FF5A36}
.mm-sub{font-family:"DM Mono",ui-monospace,Menlo,monospace;font-size:.68rem;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:#8A6A1F}

/* Sidebar on black, with a foil rule, to match mousemoney.co. */
.side{background:#0E0E0E;color:#CFCFCF;border-right:0;box-shadow:inset -2px 0 0 0 #B58A2E}
.side .brand.mm-brand .mm-word{color:#fff}
.side .brand.mm-brand .mm-sub{color:#D9BC6A}
.side a{color:#E6E6E6}
.side .side-nav a{color:#E6E6E6}
.side .side-nav a:hover{color:#D9BC6A;background:rgba(255,255,255,.06)}
.side .side-nav a.on,.side .side-nav a[aria-current]{background:#fff;color:#0E0E0E}
.side .nav-group{color:#D9BC6A}
.side .muted,.side small{color:#BDBDBD}
.side .side-foot a{color:#D9BC6A}
.side .trip-card{background:#1A1A1A;border-color:#2E2E2E;color:#fff}
.side .trip-card *{color:inherit}
.side .pill{background:var(--foil);color:#0E0E0E}

.topbar{background:#0E0E0E;border-bottom:2px solid #B58A2E}
.topbar .brand.mm-brand .mm-word{color:#fff}
.topbar .brand.mm-brand .mm-sub{color:#D9BC6A}
.topbar .menu-btn{color:#fff;border-color:#fff;background:transparent}

.foot{border-top:2px solid #B58A2E}