/* Study theme based on verified color resources in the official Android APK.
   Screen layout remains independently implemented; post-login styling is unverified. */
:root {
  --ink: #263a42;
  --muted: #777874;
  --violet: #39d3c9;
  --violet-deep: #159d99;
  --lavender: #dcf5f3;
  --line: #e0e7e7;
  --page: #f7f7f7;
}

.topbar { background: rgba(247,247,247,.95); border-bottom-color: #e0e7e7; }
.hero { background: linear-gradient(135deg,#455561 0%,#347d80 48%,#39d3c9 100%); box-shadow: 0 14px 24px #1a727a21; }
.metric-large { background: linear-gradient(130deg,#455561,#39d3c9); }
.brand-mark,.icon-button.primary,.date-chip.active { box-shadow: 0 8px 16px #259f9b42; }
.nav { border-top-color: #dce5e5; box-shadow: 0 -8px 26px #244f500b; }
.nav-button { color: #8b9696; }
.nav-button .nav-add { box-shadow: 0 8px 16px #39d3c962; }
.button { box-shadow: 0 8px 16px #39d3c92c; }
.button.ghost { border-color: #b9dcd8; }
.segmented { background: #e7eeee; }
.pill.violet { color: #147f7b; }
.menu-icon { color: #159d99; }
.info-banner { background: #e8f7f5; color: #366d69; }
.file-label { background: #f5fcfb; border-color: #9bded9; }
.appointment-picker-trigger,.appointment-picker-search,.backup-file-input { border-color: #c9dcda; }
.appointment-form button:focus-visible,.appointment-picker button:focus-visible,.appointment-picker-search:focus-within,.appointment-form input:focus-visible,.appointment-form textarea:focus-visible { outline-color: #39d3c9; }
.toast { background: #263a42; box-shadow: 0 12px 24px #1c454538; }