/* ==========================================================================
   Theme wiring.
   - Default = dark.
   - If user hasn't explicitly opted in with [data-theme], fall back to
     prefers-color-scheme: light (and keep our dark palette otherwise).
   - Toggle manually via document.documentElement.dataset.theme = "light" | "dark".
   ========================================================================== */

@media (prefers-color-scheme: light) {
  :root:not([data-theme="dark"]) {
    --nb-bg:          #F6F5F2;
    --nb-bg-raised:  #FFFFFF;
    --nb-bg-panel:   #EFEDE7;
    --nb-bg-input:   #FFFFFF;
    --nb-line:       #DAD7CF;
    --nb-line-soft:  #E7E4DC;

    --nb-text:       #15171B;
    --nb-text-dim:   #3C414A;
    --nb-fog:        #6B6F78;
    --nb-mute:       #9A9EA6;

    --nb-amber:       #B8732A;
    --nb-amber-deep:  #8C5718;
    --nb-amber-soft:  #D98E3C;
    --nb-amber-wash:  rgba(184, 115, 42, 0.08);
    --nb-amber-halo:  rgba(184, 115, 42, 0.18);

    --nb-shadow-1: 0 1px 2px rgba(20, 23, 27, 0.05);
    --nb-shadow-2: 0 8px 24px rgba(20, 23, 27, 0.08);
    --nb-shadow-3: 0 16px 40px rgba(20, 23, 27, 0.12);
  }
}

/* Respect users who set prefers-reduced-motion */
@media (prefers-reduced-motion: reduce) {
  :root {
    --nb-dur-1: 0ms;
    --nb-dur-2: 0ms;
    --nb-dur-3: 0ms;
    --nb-dur-flow: 0ms;
  }
  *, *::before, *::after { animation-duration: 0.001ms !important; animation-iteration-count: 1 !important; transition-duration: 0.001ms !important; }
}