/* Steven Console theme (task_ledger_live_1022, Britton 10/22/2026).
   Space Tiger brand board watercolor (cream paper, purple and gold washes, Oswald and
   Bebas Neue) mixed with the Streak Advisors tiger logo. Self hosted, no CDNs. */
@font-face { font-family: "Oswald"; src: url("/static/oswald-400.ttf") format("truetype"); font-weight: 400; font-display: swap; }
@font-face { font-family: "Oswald"; src: url("/static/oswald-600.ttf") format("truetype"); font-weight: 600; font-display: swap; }
@font-face { font-family: "Bebas Neue"; src: url("/static/bebas-neue.ttf") format("truetype"); font-weight: 400; font-display: swap; }

:root {
  --purple: #461D7C;
  --purple-light: #6b3bab;
  --purple-dark: #2a1050;
  --night: #1a0a2e;
  --gold: #F7C52D;
  --gold-deep: #8a6400;
  --paper: #F1EADA;
  --card: rgba(255, 252, 244, 0.90);
  --card-strong: rgba(255, 253, 248, 0.96);
  --surface-2: rgba(70, 29, 124, 0.07);
  --border: rgba(70, 29, 124, 0.16);
  --ink: #1e1631;
  --muted: #5a4f6a;
  --red: #9d3d34;
  --display: "Bebas Neue", "Oswald", Impact, "Arial Narrow", sans-serif;
  --label: "Oswald", "Arial Narrow", -apple-system, sans-serif;
  --body: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
}

/* Watercolor paper behind every page. A fixed pseudo element works on iPhone, where
   background-attachment: fixed does not. */
.wc-bg { background-color: var(--paper); }
.wc-bg::before {
  content: ""; position: fixed; inset: 0; z-index: -1; pointer-events: none;
  background: var(--paper) url("/static/paper-wash.jpg") center / cover no-repeat;
}

/* Header: Streak tiger logo on a strip of the brand board's painted sky. */
.wc-header {
  position: relative; display: flex; align-items: center; gap: 12px;
  padding: 10px 18px; color: #fff; border-bottom: 3px solid var(--gold);
  background: var(--night) url("/static/header-wash.jpg") center / cover no-repeat;
}
.wc-header::before {
  content: ""; position: absolute; inset: 0; pointer-events: none;
  background: linear-gradient(90deg, rgba(26, 10, 46, 0.78) 0%, rgba(42, 16, 80, 0.45) 55%, rgba(26, 10, 46, 0.25) 100%);
}
.wc-header > * { position: relative; }
.wc-logo { width: 46px; height: 46px; display: block; filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.45)); }
.wc-title { margin: 0; font-family: var(--display); font-weight: 400; font-size: 30px; line-height: 1; letter-spacing: 1.5px; }
.wc-title a { color: #fff; text-decoration: none; }
.wc-sub { font-family: var(--label); font-size: 11.5px; letter-spacing: 3px; text-transform: uppercase; color: var(--gold); margin-top: 3px; }

@media (prefers-reduced-motion: reduce) {
  * { transition: none !important; animation: none !important; }
}