/* Elevate Coach mockup tokens. House base copied from RentDesk (spec §7.4 house stack): OCH navy chrome,
   green for action and done, amber for due and for the private band, red for late. */
@import url(fonts.css);
:root {
  --navy: #002A4E; --navy-2: #0B3A63; --green: #055A49; --green-soft: #E3F1EC;
  --paper: #F2F5F4; --card: #FFFFFF; --ink: #0F1B2A; --muted: #56626D; --line: #D5DCDA; --line-2: #E7ECEA;
  --amber: #8A5200; --amber-soft: #FFF1D1; --amber-bar: #D98E04;
  --red: #B7301F; --red-soft: #FDEBE8; --blue: #1D5A8E; --blue-soft: #E4EEF7;
  --chrome-ink: #FFFFFF; --chrome-mut: #A9C0D4; --chrome-accent: #7FD8BE;
  --shadow: 0 1px 2px rgba(15,27,42,.06), 0 4px 14px rgba(15,27,42,.06);
  --head: Montserrat, "Segoe UI", Arial, sans-serif;
  --body: "Open Sans", "Segoe UI", Roboto, Arial, sans-serif;
  --mono: "IBM Plex Mono", Consolas, "Courier New", monospace;
  --tap: 48px; --radius: 8px;
  /* Elevate Coach additions */
  --private-bg: #D98E04; --private-ink: #1A1000;      /* the Coach's "do not share" band */
  --note: #FFF6C9; --note-ink: #2A2300;               /* sticky-note yellow */
  --dot: #055A49; --on-green: #FFFFFF;
  --tv-prompt: 64px; --tv-note: 34px; --tv-timer: 120px; --tv-min: 28px;
  color-scheme: light;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --navy: #06192B; --navy-2: #0F2A44; --green: #46B393; --green-soft: #12342C;
    --paper: #0D161E; --card: #15212B; --ink: #E4EBEF; --muted: #94A3AE; --line: #2A3A46; --line-2: #1F2D38;
    --amber: #F0B657; --amber-soft: #3A2C10; --amber-bar: #E8A22E;
    --red: #F28B78; --red-soft: #3D1D19; --blue: #8DB9E2; --blue-soft: #172B3D;
    --chrome-ink: #E9F1F7; --chrome-mut: #8EA6BA; --note: #4A4212; --note-ink: #FFF6C9; --on-green: #06192B;
    color-scheme: dark;
  }
}
* { box-sizing: border-box; }
html, body { margin: 0; }
body { background: var(--paper); color: var(--ink); font: 15px/1.5 var(--body); }
h1, h2, h3 { font-family: var(--head); margin: 0; text-wrap: balance; }
.mono { font-family: var(--mono); }
[hidden] { display: none !important; }
.sample-footer { font: 12px var(--body); color: var(--muted); text-align: center; padding: 8px; }
.visually-hidden { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }