/* Back Lot look for shared pages (shared/*.css reads these).
   Change colors/fonts here; layout lives in the shared master files. */
@font-face { font-family: 'LicensePlate'; src: url('image/LicensePlate-j9eO.ttf') format('truetype'); }
@font-face { font-family: 'GarageGothic'; src: url('image/garage-gothic-2.ttf') format('truetype'); }
:root {
  --font-body: 'GarageGothic', 'Rockwell', Arial, sans-serif;
  --font-display: 'LicensePlate', Arial, sans-serif;
  --body-scale: 1.3em;   /* Garage Gothic runs small */
  --page-bg: #1a1a1a;
  --text-on-page: #FFD700;
  --card-bg: rgba(0, 0, 0, 0.85);
  --card-text: #f5f5f5;
  --heading: #FFD700;
  --muted: #bdbdbd;
  --link: #FFB347;
  --accent: #FFB347;
  --accent-hover: #FFC857;
  --accent-text: #000;
  --input-bg: rgba(255, 255, 255, 0.1);
  --input-text: #fff;
  --input-border: rgba(255, 215, 0, 0.35);
  --row-border: rgba(255, 255, 255, 0.12);
  --good-bg: #1f4d24;  --good-text: #b9f0bd;
  --bad-bg:  #5c1a1a;  --bad-text:  #ffc2c2;
  --warn-bg: #4d3b0f;  --warn-text: #ffe29a;
}
/* Images must be set here (not in a --variable) so the path is relative to this file */
body { background: #1a1a1a url('image/Burnt-Wood-Background') center top / 100% auto repeat-y; }
.dep-banner h1 { font-weight: normal; }
.dep-money-row input, .dep-total-row, .dep-list td.amt, .dep-result { font-size: 1.15em; } /* numbers need extra size */
/* License Plate font has no punctuation (. ( + ), so only the page title uses it */
.dep-card h2 { font-family: var(--font-body); font-size: 1.5em; letter-spacing: .05em; }
.dep-btn { font-family: var(--font-body); font-size: 1.35em; letter-spacing: .05em; }
.dep-banner .dep-sub { font-size: 1.2em; }