/* 06. THEME: BRIGHT — light "Daylight" palette and light-mode overrides */
/* Previous Film Bet visual language: warm paper, red signal, amber production marks. */
[data-interface="bright"]{
  --bg:#f5f0e4; --bg2:#fbf8f1; --panel:#fbf8f1; --panel2:#f0eadc;
  --line:#ddd6c4; --line2:#c9bea8; --hov:#efe6d2;
  --ink:#1c1a16; --ink2:#514b40; --ink3:#6b6455;
  --amber:#b8863b; --red:#d6402c; --green:#397a50; --night:#66839a;
  --paper:#fffdf7; --paper-ink:#191813;
  --disp:'Space Mono','IosevkaCharon','JetBrains Mono',monospace;
  --mono:'Space Mono','IosevkaCharon','JetBrains Mono',monospace;
  --sans:'Space Mono','IosevkaCharon','JetBrains Mono',monospace;
}
[data-interface="bright"] body{background:var(--bg);color:var(--ink);height:100vh;overflow:hidden}
::-webkit-scrollbar-thumb{background:var(--thumb);border-color:var(--bg)}
.rail{background:var(--bg2);border-right-color:var(--line);padding:0 16px 16px;gap:4px;overflow:visible;z-index:100}
.logo{padding:8px 4px;border-bottom:1px solid var(--line);margin:0 0 8px;border-radius:0}
.logo:hover{background:transparent}
.lg-mark{background:var(--accent-color);color:var(--accent-contrast);border-radius:5px}
.lg-sub,.sec-lb,.proj-tag span,.back-link,.dim{color:var(--ink3)}
.nv{border-left:0;border-radius:8px;color:var(--ink3);padding:11px 14px;font-size:15px;font-weight:600;gap:10px}
.nv .ic{width:22px;height:22px;flex:none}
.nv .ic svg{width:20px;height:20px}
/* Active nav states and accent/semantic pills are owned by 02-shell.css and
   03-controls.css (--accent-* / semantic tokens) so every theme and accent
   preset restyles them automatically — no hardcoded fills here. */
.proj-tag{background:var(--panel);border-color:var(--line);border-radius:8px}
.main{padding:32px;max-width:none;height:100%;overflow-y:auto;overflow-x:hidden}
.page-title{font-family:var(--disp);font-weight:600;color:var(--ink)}
.card,.hero,.stat-band,.day,.cal,.frame,.slate{background:var(--panel);border-color:var(--line)}
.card-h,.table th,.table td,.feed-i,.nd-row,.day-h,.frame-cap{border-color:var(--line)}
.table tbody tr:hover{background:var(--hov)}
.btn{background:var(--panel2);color:var(--ink);border-color:var(--line)}
[data-interface="bright"] .btn-primary{background:var(--accent-color);color:var(--accent-contrast);border-color:transparent;box-shadow:0 0 14px var(--accent-glow)}
.inp,select.inp,textarea.inp{background:var(--panel);border-color:var(--line2);color:var(--ink)}
/* .inp:focus accent border is owned by 03-controls.css */
.pill{color:var(--ink2);border-color:var(--line2);background:var(--panel)}
/* .bar track/fill are owned by 03-controls.css (accent-bound) */
.dlg-wrap{background:rgba(28,26,22,.42)}
.dlg{background:var(--panel);border-color:var(--line2);border-radius:10px}
.toast{background:var(--panel);border-color:var(--line2);color:var(--ink);box-shadow:var(--shadow-2)}
.hp-title{color:var(--ink)}
.slate{background:#20231f;border-color:#465049}
.paper-sheet{background:var(--paper)}
.profile-menu{position:relative}
.rail-foot,.profile-menu{position:relative;z-index:1000}
.profile-menu-panel{position:absolute;left:-20px;right:-20px;bottom:calc(100% + 8px);z-index:9999;width:calc(100% + 40px);padding:8px;background:color-mix(in srgb,var(--bg-surface) 90%,transparent);border:1px solid var(--border-color);border-radius:8px;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:var(--shadow-2)}
.profile-menu-panel[hidden]{display:none}
.profile-menu-panel .menu-head{padding:8px 10px 10px;border-bottom:1px solid var(--line);margin-bottom:4px}
.profile-menu-panel .menu-head b{display:block;font-size:13px}
.profile-menu-panel .menu-head span{font:10px var(--mono);color:var(--ink3)}
.profile-menu-item{display:flex;align-items:center;width:100%;padding:8px 10px;border:0;border-radius:5px;background:transparent;color:var(--ink);font:12px var(--sans);text-align:left;cursor:pointer;appearance:none;-webkit-appearance:none}
.profile-menu-item:hover{background:var(--panel2);color:var(--accent-color)}
.profile-menu-item.danger{color:var(--red)}
.profile-menu-divider{height:1px;margin:6px 4px;background:var(--line)}
/* Remember-me on/off checkbox. All colors come from the active theme's
   variables; no positional transforms, so it can never slide out of the box. */
.remember-toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--ink2);font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;cursor:pointer}
.remember-toggle input{position:absolute;opacity:0;pointer-events:none}
.remember-toggle .theme-switch{pointer-events:none;display:inline-flex;align-items:center;justify-content:center;flex:none;width:18px;height:18px;padding:0;border:1px solid var(--line2);border-radius:4px;background:var(--panel)}
.remember-toggle .theme-switch i{display:block;width:8px;height:8px;border-radius:2px;background:var(--amber);transform:scale(0);transition:transform .15s ease}
.remember-toggle input:checked + .theme-switch i{transform:scale(1);background:var(--amber)}
.remember-toggle input:focus-visible + .theme-switch{outline:2px solid var(--amber);outline-offset:1px}