/* U of T colour treatment only. Layout, pixel art, motion, and rarity colours
   remain in the original stylesheet. Navy: the university's #002A5C. */
:root {
  --uoft-navy: #002a5c;
  --uoft-panel: #0d2544;
  --uoft-ink: #061324;
  --uoft-blue: #93bddc;
  --uoft-white: #f3f6fa;
  --uoft-muted: #a4b6cd;
  --color-abyss: var(--uoft-ink);
  --color-shallow: var(--uoft-panel);
  --color-line: #294969;
  --color-foam: var(--uoft-white);
  --color-drift: var(--uoft-muted);
  --color-lumen-pink: #c4dced;
  --color-lumen-cyan: var(--uoft-blue);
}

.ds-root { color: var(--uoft-white); }
.kr-ad-layout > .ds-root .ds-done,
.ds-root .ds-done { background: #061324f5; }
.uoft-percentile {
  --uoft-graph-blue: #478ee5;
  --uoft-graph-cyan: #49d2dc;
  --uoft-graph-gold: #f4c66d;
}
.ds-root .ds-title {
  color: var(--uoft-white);
  text-shadow: -4px 3px var(--uoft-navy), 4px -3px #93bddcbb, 0 0 30px #002a5c26;
}
.ds-root .ds-tagline { margin-top: 8px; line-height: 0; text-shadow: none; }
.ds-root .uoft-title-logo { display: block; width: clamp(158px,44vw,190px); height: auto; margin: 0 auto; image-rendering: auto; }
.ds-root .ds-subline,
.ds-root .ds-surface-note { color: #173d65; text-shadow: 0 1px #f3f6fa44; }
.ds-root .ds-card {
  background: #0d2544ed;
  box-shadow: 0 0 0 3px #93bddc40, 0 0 50px #0009, inset 0 0 34px #06132499;
}
.ds-root .ds-card .rnd { color: #c4dced; }
.ds-root .ds-card .prompt { color: var(--uoft-white); text-shadow: 0 2px #002a5c80; }
.ds-root .ds-card .hint,
.ds-root .ds-pod .label,
.ds-root .ds-prompt-count,
.ds-root .ds-landed .tsub,
.ds-root .ds-amb,
.ds-root .ds-intro-meta,
.ds-root .ds-howto summary,
.ds-root .ds-howto ul { color: var(--uoft-muted); }
.ds-root .ds-amb.major { color: var(--uoft-blue); text-shadow: 0 0 12px #93bddc33; }
.ds-root .ds-pod {
  background: linear-gradient(#0d2544eb, #081b32eb);
  box-shadow: 0 0 0 2px var(--uoft-ink), 0 0 0 4px #294969, inset 0 2px #f3f6fa0f;
}
.ds-root .ds-depth-num { color: var(--uoft-blue); text-shadow: 0 0 12px #93bddc40; }
.ds-root .ds-score-num { color: var(--uoft-white); text-shadow: 0 0 12px #93bddc33; }
.ds-root .ds-dots i.cur { background: #c4dced; box-shadow: 0 0 0 2px var(--uoft-ink), 0 0 10px #93bddc66; }

.ds-root .ds-input { background: #081b32e6; color: var(--uoft-white); caret-color: #c4dced; border-color: #3b5c7d; }
.ds-root .ds-input:focus { border-color: var(--uoft-blue); }
.ds-root .ds-input::placeholder { color: var(--uoft-muted); opacity: .8; }
.ds-root .ds-sonar-scope {
  background: radial-gradient(circle, #081b32f2 40%, #0d2544e6 100%);
  box-shadow: 0 0 0 2px var(--uoft-ink), 0 0 0 4px #294969, 0 0 18px #93bddc22, inset 0 0 14px #93bddc18;
}
.ds-root .ds-sonar-scope:before { border-color: #93bddc38; }
.ds-root .ds-sweep { background: linear-gradient(90deg, #93bddce6, #0000); box-shadow: 0 0 8px #93bddc66; }
.ds-root .ds-time-digits:not(.hot) { color: #c4dced; text-shadow: 0 0 12px #93bddc55; }
.ds-root .ds-dock:not(.hot) .ds-fuse-fill { background: var(--uoft-blue); }
/* Urgency retains its original pink warning and animation. */
.ds-root .ds-dock.hot .ds-input { border-color: #ff5d8f; }

.ds-root .ds-dive-btn,
.ds-root .ds-done .btn-descend,
.ds-root .ds-intro .btn-descend {
  color: var(--uoft-navy);
  background: #c4dced;
  box-shadow: 0 0 0 2px var(--uoft-ink), 0 3px 0 2px #476c91, 0 0 16px #93bddc26;
}
.ds-root .ds-dive-btn:active,
.ds-root .ds-done .btn-descend:active,
.ds-root .ds-intro .btn-descend:active {
  background: #c4dced;
  box-shadow: 0 0 0 2px var(--uoft-ink), 0 1px 0 2px #476c91;
}
.ds-root .ds-next-btn,
.ds-root .ds-begin-btn {
  color: var(--uoft-white);
  background: var(--uoft-navy);
  box-shadow: 0 0 0 3px var(--uoft-ink), 0 0 0 6px var(--uoft-blue), 0 5px 0 6px #163b60, 0 0 22px #93bddc26;
}
.ds-root .ds-begin-btn { box-shadow: 0 0 0 3px var(--uoft-ink), 0 0 0 6px var(--uoft-blue), 0 6px 0 6px #163b60, 0 0 26px #93bddc26; }
.ds-root .ds-next-btn:hover,
.ds-root .ds-begin-btn:hover { box-shadow: 0 0 0 3px var(--uoft-ink), 0 0 0 6px #c4dced, 0 5px 0 6px #163b60, 0 0 22px #93bddc40; }
.ds-root .ds-begin-btn:hover { box-shadow: 0 0 0 3px var(--uoft-ink), 0 0 0 6px #c4dced, 0 6px 0 6px #163b60, 0 0 26px #93bddc40; }
.ds-root button:focus-visible { outline: 2px solid var(--uoft-white); outline-offset: 8px; }

.ds-root .ds-preview-pill { color: var(--uoft-muted); background: #081b32eb; box-shadow: 0 0 0 2px var(--uoft-ink), 0 0 0 4px #294969; }
.ds-root .ds-preview-pill b { color: var(--uoft-blue); }
.ds-root .ds-mute { color: var(--uoft-muted); background: #081b32bf; }
.ds-root .ds-mute:hover { color: var(--uoft-white); }
.ds-root .ds-mute.off { color: #a4b6cd80; }
.ds-root .ds-done-krill { color: var(--uoft-white); text-shadow: -2px 2px var(--uoft-navy), 2px -2px #93bddc99, 0 0 14px #93bddc26; }
.ds-root .ds-done .btn-quiet { background: var(--uoft-panel); color: var(--uoft-white); }
.ds-root .ds-done .btn-quiet:hover { color: #c4dced; box-shadow: 0 0 0 2px var(--uoft-ink), 0 0 0 4px #93bddca6; }
.ds-boot { color: var(--uoft-muted); background: linear-gradient(#081b32, #061324 55%, #030914); }
.ds-boot .ds-boot-title { color: #c4dced; text-shadow: 0 0 18px #93bddc40, 0 2px #0009; }

/* Keep the original tier variables and colourblind palette untouched. */

.uoft-reset { border-top: 1px solid var(--color-line); margin-top: 20px; padding-top: 18px; }
.uoft-reset h2 { color: var(--uoft-white); font: inherit; margin: 0 0 8px; }
.uoft-reset p { color: var(--uoft-muted); font-size: 16px; line-height: 1.35; margin: 8px 0; }
.uoft-reset button { border: 1px solid var(--uoft-blue); background: var(--uoft-navy); color: var(--uoft-white); font: inherit; cursor: pointer; padding: 9px 12px; min-height: 44px; }
.uoft-reset button:hover { background: #123b67; }
.uoft-reset button:focus-visible { outline: 2px solid var(--uoft-white); outline-offset: 3px; }
.uoft-reset button:disabled { opacity: .6; cursor: wait; }
.uoft-reset-actions { display: flex; flex-wrap: wrap; gap: 10px; }
.uoft-reset [role=status]:empty { display: none; }