/* NearLibrary — dark theme layer.
   Loaded with media="(prefers-color-scheme: dark)" by default; the
   theme toggle rewrites that attribute to force light or dark. */


  :root {
    --bg: #0d1420;
    --surface: #141d2c;
    --ink: #e7edf4;
    --muted: #9fb0c4;
    --line: #263349;
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, .5);
    --shadow-lg: 0 30px 70px -20px rgba(0, 0, 0, .8);
  }


  .auth {
    background:
      radial-gradient(900px 500px at 15% -10%, #0f2137, transparent 60%),
      radial-gradient(900px 500px at 110% 10%, #0c1a2c, transparent 55%),
      #0b0b12;
  }

 .field__label { color: var(--gray-400); } 

  .btn--ghost { background: #16273c; color: var(--violet-300); border-color: #24405f; }


  .chip { background: #16273c; color: var(--violet-300); border-color: #24405f; }


  .card--accent { background: linear-gradient(180deg, #142132, var(--surface)); }


  .hintbar { background: #142132; border-color: #24405f; color: var(--violet-300); }

 .meta { color: var(--gray-400); } 
 .meta--tag { background: #26262f; } 

  .statustab:hover:not(:disabled) { background: #26262f; }
  .statustab.is-active { background: #1c3252; color: var(--violet-300); }

 .btn--soft { background: #26262f; color: var(--gray-300); } 
 .comment { background: #1b1b24; } 
 .install-bar__x:hover { background: #26262f; } 

  .chip, .rolebadge--sm, .pill--high, .card__icon--blue { background: #2a2415; color: #d8b45f; border-color: #3a3018; }

 .bar { background: #223146; } 
 .topicrow__name { color: var(--gray-400); } 

  input[type="date"]::-webkit-calendar-picker-indicator,
  input[type="time"]::-webkit-calendar-picker-indicator,
  input[type="datetime-local"]::-webkit-calendar-picker-indicator {
    filter: invert(1) brightness(1.9);   /* dark glyph -> light glyph */
    opacity: .9;
  }
  /* Keep the typed date/time text legible too */
  input[type="date"], input[type="time"] { color-scheme: dark; }

 .tform label.field__label .ico { color: var(--gold); } 
 .meta--timer .ico { color: var(--gold); } 
 .infield__ico { color: var(--gold); } 
 .infield:focus-within .infield__ico { color: #e8cf92; } 

  .infield input[type="date"], .infield input[type="time"] { color-scheme: dark; }


  .topicchk { background: #1b2534; color: var(--gray-300); }


  .topicchk:has(input:checked) { background: #2a2415; color: #e8cf92; border-color: var(--gold-strong); }

 .logtable__head { background: #1b2534; } 
 .logtable__foot { background: #1b2534; } 

  /* gold on a deep chip — high contrast, matches the logo */
  .meta--timer b {
    color: #f0dfae;
    background: rgba(194, 161, 92, .14);
    border-color: rgba(194, 161, 92, .38);
  }
  .mu { opacity: .95; }

  .estrow__pct { color: #e8cf92; }
  .estrow__label { color: var(--gray-300); }
  .bookrow__time { color: #f0dfae; }
  .bookrow__name { color: #e7edf4; }

  /* the navy fill is too close to the page background — lighten it */
  .bar { background: rgba(255, 255, 255, .10); }
  .bar__fill { background: linear-gradient(90deg, #6f9bc9, #3f6f9f); }
  .bar__fill--gold { background: linear-gradient(90deg, #f0dfae, #c2a15c); }

  /* meta row + tags */
  .meta { color: #b9c4d2; }
  .meta .ico { color: #8fa4bb; }
  .meta--tag { background: rgba(255,255,255,.09); color: #cbd6e4; }
  .tcard__title { color: #eef3f9; }
  .statustab { color: #9fb0c4; }
  .statustab.is-active { background: rgba(111, 155, 201, .22); color: #cfe0f2; }
  .filtertab { color: #b9c4d2; }
  .logrow, .logtable { color: #dbe3ec; }


  .startbtn {
    border-color: rgba(34, 197, 94, .55);
    background: rgba(34, 197, 94, .14);
    color: #7ee2a8;
  }
  .startbtn:hover { background: rgba(34, 197, 94, .24); }
  .startbtn.is-running {
    border-color: rgba(239, 68, 68, .6);
    background: rgba(239, 68, 68, .16);
    color: #ff9d9d;
  }
  .startbtn.is-running:hover { background: rgba(239, 68, 68, .26); }

@media (max-width: 640px) {

    .statustabs { background: rgba(255, 255, 255, .07); }
  
}

@media (max-width: 640px) {

    .statustab.is-active { background: #22314a; color: #dceaff; }
  
}

 .usermenu__head { background: rgba(255,255,255,.04); } 
 .usermenu__item:hover { background: rgba(255,255,255,.06); } 
 .tform input:disabled { background: rgba(255,255,255,.05); } 

  :root {
    /* surfaces (were the lightest creams) */
    --gray-50:  #141d2c;
    --gray-100: #1a2434;
    --gray-200: #243147;
    --gray-300: #2d3d55;
    /* text tones (were the darkest browns) */
    --gray-400: #8496ab;
    --gray-500: #a3b3c6;
    --gray-600: #bccadb;
    --gray-700: #d5dfea;
    --gray-800: #e4ebf3;
    --gray-900: #eff4fa;
  }

  /* keep borders a solid colour, not the translucent surface token */
  :root { --line: #263349; }

  /* "Soon" cards and list hovers now sit on a dark panel */
  .card--soft { background: var(--gray-50); border-color: var(--line); }
  .minirow:hover { background: rgba(255, 255, 255, .05); }
  .usermenu__item:hover { background: rgba(255, 255, 255, .06); }

  /* icon tiles were pastel blocks with light glyphs on top */
  .card__icon { color: #0f1826; }
  .card__icon--blue  { background: rgba(194, 161, 92, .30); color: #f0dfae; }


  .card__icon--green { background: rgba(34, 197, 94, .25); color: #86efac; }
  .card__icon--amber { background: rgba(245, 158, 11, .25); color: #fcd34d; }
  .soon { background: rgba(194, 161, 92, .22); color: #e8cf92; border: 1px solid rgba(194,161,92,.35); }
  .card--soft h3, .card h3 { color: var(--ink); }

 .bookcard__total b { color: #f0dfae; } 

  .bookstat--gold { background: rgba(194,161,92,.14); }
  .bookstat--gold b { color: #f0dfae; }

 .sidebook__time { color: #f0dfae; } 

  .chapterpick { border-color: var(--line); }
  .chapterpick__bar { background: rgba(255, 255, 255, .05); }
  .chapterpick__count { background: transparent; color: var(--gray-500); }


  .card--link:hover .card__go { color: var(--gold); }

/* theme switcher */
.themeswitch { background: rgba(255, 255, 255, .09); }
.themeswitch__btn.is-active { background: rgba(255, 255, 255, .16); color: #f0dfae; }