/* ANGEL DARK v1 — obsidian handheld shell / cold signal light */
html[data-shell="angel-white"]:not([data-theme="light"]) {
  --angel-ink: #c7cbd3;
  --angel-ink-strong: #f4f2f7;
  --angel-muted: #747985;
  --angel-line: rgba(205, 211, 224, .16);
  --angel-line-soft: rgba(205, 211, 224, .08);
  --angel-ice: #b9d8dc;
  --angel-blue: #8eb8c2;
  --angel-lilac: #b8add2;
  --angel-pearl: rgba(28, 30, 36, .86);
  --angel-pearl-solid: #1b1d22;
  --angel-metal: linear-gradient(180deg, rgba(40,42,49,.97), rgba(17,18,23,.98));
  --angel-glass: rgba(22, 24, 29, .78);
  color-scheme: dark;
  background: #08090c;
}

html[data-shell="angel-white"]:not([data-theme="light"]) body {
  color: var(--angel-ink);
  background:
    radial-gradient(circle at 86% 4%, rgba(103, 122, 148, .18), transparent 27%),
    radial-gradient(circle at 8% 46%, rgba(112, 91, 143, .11), transparent 34%),
    linear-gradient(158deg, #12141a 0%, #090a0e 57%, #050608 100%);
}

html[data-shell="angel-white"]:not([data-theme="light"]) body::before {
  opacity: .6;
  background:
    linear-gradient(112deg, transparent 0 47%, rgba(219,225,235,.035) 47.2% 47.5%, transparent 47.8%),
    repeating-linear-gradient(0deg, transparent 0 3px, rgba(225,232,242,.018) 3px 4px),
    radial-gradient(circle at 50% -10%, rgba(184,173,210,.09), transparent 38%);
}

/* dark hardware shared across pages — bubbles remain controlled by the user's theme */
html[data-shell="angel-white"]:not([data-theme="light"]) :is(
  .home-note,.week-wrap,.home-primary-card,.home-card-tab,.settings-card,.cal-wrap,
  .calendar-section,.dh-post,.dh-composer,.dh-identity,.dh-envelope,.album-card
) {
  color: var(--angel-ink);
  border-color: var(--angel-line) !important;
  background:
    linear-gradient(145deg, rgba(35,37,44,.92), rgba(17,18,23,.9)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.055),
    inset 0 -1px 0 rgba(0,0,0,.5),
    0 9px 25px rgba(0,0,0,.24) !important;
}

html[data-shell="angel-white"]:not([data-theme="light"]) :is(
  #settings-page,#calendar-page,#doghouse-page,#home-page
) {
  color: var(--angel-ink);
  background:
    radial-gradient(circle at 92% 0, rgba(100,119,141,.16), transparent 29%),
    radial-gradient(circle at 3% 60%, rgba(111,87,144,.1), transparent 33%),
    linear-gradient(165deg,#111319,#07080b 72%);
}

/* home cover / handheld */
html[data-shell="angel-white"]:not([data-theme="light"]) #home-page {
  --home-ink: #d0d3da;
  --home-muted: #757c88;
  --home-line: rgba(202,208,221,.15);
  --home-line-soft: rgba(202,208,221,.075);
  --home-white: rgba(29,31,37,.94);
  --home-glass: rgba(20,22,27,.8);
  --home-cyan: rgba(125,171,181,.23);
  --home-shadow: rgba(0,0,0,.32);
}

html[data-shell="angel-white"]:not([data-theme="light"]) .home-cover-shell {
  border-color: rgba(207,213,225,.16);
  background:
    linear-gradient(145deg, rgba(50,52,60,.96), rgba(14,15,19,.98));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    inset 0 -1px 0 rgba(0,0,0,.72),
    0 14px 32px rgba(0,0,0,.3);
}

html[data-shell="angel-white"]:not([data-theme="light"]) .home-cover {
  border-color: rgba(220,225,235,.17);
  background-color: #101218;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.025), inset 0 0 30px rgba(0,0,0,.48);
}

html[data-shell="angel-white"]:not([data-theme="light"]) .home-cover::before {
  background:
    radial-gradient(ellipse at 78% 18%, rgba(103,134,144,.23), transparent 39%),
    radial-gradient(ellipse at 17% 82%, rgba(101,82,128,.22), transparent 47%),
    linear-gradient(150deg, #252a31, #0a0b0f 72%);
}

html[data-shell="angel-white"]:not([data-theme="light"]) .home-cover-shell.has-cover .home-cover::before {
  background: linear-gradient(180deg, rgba(2,3,5,.13), rgba(2,3,5,.48));
}

html[data-shell="angel-white"]:not([data-theme="light"]) .home-cover::after {
  opacity: .22;
  background: repeating-linear-gradient(0deg, rgba(255,255,255,.055) 0 1px, transparent 1px 4px);
}

html[data-shell="angel-white"]:not([data-theme="light"]) .home-cover-empty {
  color: rgba(205,211,222,.42);
}

html[data-shell="angel-white"]:not([data-theme="light"]) .home-cover :is(
  .home-weather,.home-weather-temp,#weather-desc,.home-days-date,.home-days-count,.home-days-unit
) {
  color: #f2f0f5 !important;
  text-shadow: 0 1px 5px rgba(0,0,0,.82);
}

html[data-shell="angel-white"]:not([data-theme="light"]) .home-cover .home-more-btn {
  color: #d9dce4;
  border-color: rgba(218,223,233,.18);
  background: rgba(15,17,22,.58);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.07), 0 3px 12px rgba(0,0,0,.2);
}

html[data-shell="angel-white"]:not([data-theme="light"]) .home-cover-btn {
  color: #d8dbe2;
  border-color: rgba(216,221,231,.16);
  background: rgba(18,20,25,.68);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06);
}

html[data-shell="angel-white"]:not([data-theme="light"]) .home-cover-shell .home-note {
  color: #d6d7dd;
  border-color: rgba(211,216,227,.13) !important;
  background: rgba(19,21,26,.82) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.055), 0 11px 27px rgba(0,0,0,.36) !important;
}

html[data-shell="angel-white"]:not([data-theme="light"]) :is(.home-note-name,.home-section-title,.page-header-title) {
  color: #f2f0f5 !important;
}
html[data-shell="angel-white"]:not([data-theme="light"]) :is(.home-note-text,.home-note-arrow) { color: #9499a4; }
html[data-shell="angel-white"]:not([data-theme="light"]) .home-note-status {
  color: #c2b7db;
  background: rgba(157,139,191,.13);
}

/* software windows */
html[data-shell="angel-white"]:not([data-theme="light"]) .software-window {
  border-color: rgba(207,213,225,.14) !important;
  background: rgba(18,20,25,.84) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.045), 0 9px 24px rgba(0,0,0,.25) !important;
}

html[data-shell="angel-white"]:not([data-theme="light"]) .window-titlebar {
  color: #dedce5;
  border-bottom-color: rgba(222,225,235,.11);
  background: linear-gradient(180deg,#25272d,#0a0b0e);
  text-shadow: 0 0 7px rgba(188,174,216,.17);
}
html[data-shell="angel-white"]:not([data-theme="light"]) .window-status { color: #777d88; }
html[data-shell="angel-white"]:not([data-theme="light"]) .window-play { color: #beb2d7; }

html[data-shell="angel-white"]:not([data-theme="light"]) :is(.week-title,.week-open,.home-month-weekday) { color: #858b96; }
html[data-shell="angel-white"]:not([data-theme="light"]) .week-day { color: #aeb2bb; }
html[data-shell="angel-white"]:not([data-theme="light"]) .week-day.active {
  color: #f3f1f7;
  background: linear-gradient(145deg,rgba(147,174,182,.29),rgba(112,91,143,.22));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 0 0 1px rgba(170,185,201,.13);
}

/* sticky notes: graphite paper + muted violet paper */
html[data-shell="angel-white"]:not([data-theme="light"]) #panel-memo .home-panel-item {
  color: #d2d3d9;
  background: linear-gradient(145deg,rgba(48,51,58,.98),rgba(29,32,38,.96));
  box-shadow: 0 5px 12px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.055);
}
html[data-shell="angel-white"]:not([data-theme="light"]) #panel-memo .home-panel-item:nth-child(even) {
  background: linear-gradient(145deg,rgba(54,49,64,.98),rgba(31,28,39,.96));
}
html[data-shell="angel-white"]:not([data-theme="light"]) #panel-memo .home-panel-item::after {
  background: linear-gradient(135deg,rgba(0,0,0,.2) 0 49%,rgba(103,105,117,.34) 51%);
}
html[data-shell="angel-white"]:not([data-theme="light"]) #panel-memo .memo-meta { color: #747986; }

/* todos */
html[data-shell="angel-white"]:not([data-theme="light"]) .home-primary-card .todo-filters {
  border-bottom-color: rgba(207,213,225,.075);
}
html[data-shell="angel-white"]:not([data-theme="light"]) :is(.todo-filter,.home-card-tab,.home-panel-add button,.todo-compose-toggle) {
  color: #9197a2;
  border-color: rgba(207,213,225,.14);
  background: linear-gradient(180deg,rgba(44,46,53,.88),rgba(23,25,30,.9));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.055);
}
html[data-shell="angel-white"]:not([data-theme="light"]) :is(.todo-filter.active,.home-card-tab.active,.todo-compose-toggle.active) {
  color: #ddd8e9;
  border-color: rgba(175,160,205,.31);
  background: linear-gradient(180deg,rgba(76,69,91,.72),rgba(39,37,47,.9));
}
html[data-shell="angel-white"]:not([data-theme="light"]) .home-primary-card .todo-group-title::after {
  background: rgba(193,184,211,.1);
}
html[data-shell="angel-white"]:not([data-theme="light"]) .home-primary-card .home-panel-item {
  color: #c4c6ce;
  border-bottom: 0;
}
html[data-shell="angel-white"]:not([data-theme="light"]) :is(.todo-add-fields input,.todo-add-fields select,#memo-input) {
  color: #d8d9df;
  border-color: rgba(207,213,225,.13);
  background: rgba(12,14,18,.72);
}

html[data-shell="angel-white"]:not([data-theme="light"]) #home-utility-actions #dignity-casino-entry {
  color: #99909f;
  border-color: rgba(199,184,204,.15);
  background: rgba(28,23,30,.62);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04);
}

/* navigation / chat chrome */
html[data-shell="angel-white"]:not([data-theme="light"]) #nav-bar {
  color: #777d88;
  border-top-color: rgba(214,219,230,.1);
  background: linear-gradient(180deg,rgba(25,27,33,.94),rgba(10,11,14,.98));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04), 0 -7px 22px rgba(0,0,0,.22);
}
html[data-shell="angel-white"]:not([data-theme="light"]) #nav-bar::before {
  background: rgba(194,183,215,.21);
  box-shadow: 0 0 7px rgba(165,147,201,.12);
}
html[data-shell="angel-white"]:not([data-theme="light"]) .nav-item { color: #747a84; }
html[data-shell="angel-white"]:not([data-theme="light"]) .nav-item.active { color: #c0b4d8; }

html[data-shell="angel-white"]:not([data-theme="light"]) #header {
  color: #d8d9df;
  border-bottom-color: rgba(211,217,229,.09);
  background: rgba(13,15,19,.84);
  box-shadow: inset 0 -1px 0 rgba(255,255,255,.025);
}
html[data-shell="angel-white"]:not([data-theme="light"]) #header .name { color: #f0eef4; }

html[data-shell="angel-white"]:not([data-theme="light"]) #input-area {
  border-top-color: rgba(211,217,229,.085);
  background: rgba(13,15,19,.9);
}
html[data-shell="angel-white"]:not([data-theme="light"]) #input-area textarea {
  color: #e1dfe5;
  border-color: rgba(210,216,227,.13);
  background: rgba(34,36,43,.88);
  box-shadow: inset 0 1px 4px rgba(0,0,0,.22), 0 0 0 1px rgba(255,255,255,.015);
}
html[data-shell="angel-white"]:not([data-theme="light"]) #send-btn {
  color: #0b0c0f;
  background: #b9afcf;
}

/* settings, calendar, sheets */
html[data-shell="angel-white"]:not([data-theme="light"]) .settings-header {
  color: #eeecf2;
  border-bottom-color: rgba(211,217,229,.09);
  background: rgba(14,16,20,.91);
  box-shadow: inset 0 -1px 0 rgba(255,255,255,.025);
}
html[data-shell="angel-white"]:not([data-theme="light"]) :is(.settings-group-title,.theme-sub-title,.calendar-section-title) {
  color: #85808f;
}
html[data-shell="angel-white"]:not([data-theme="light"]) :is(.setting-row,.theme-sub-title) {
  border-color: rgba(207,213,225,.075);
}
html[data-shell="angel-white"]:not([data-theme="light"]) :is(.setting-label,.calendar-agenda-item,.dh-notice-text) {
  color: #c6c8d0;
}
html[data-shell="angel-white"]:not([data-theme="light"]) :is(
  #paw-menu,#status-picker,.secondary-sheet,.backup-sheet-card,.dh-sheet
) {
  color: #d0d2d9;
  border-color: rgba(210,216,228,.13) !important;
  background: rgba(18,20,25,.97) !important;
  box-shadow: 0 17px 42px rgba(0,0,0,.5), inset 0 1px 0 rgba(255,255,255,.045) !important;
}
html[data-shell="angel-white"]:not([data-theme="light"]) :is(
  .setting-select,.setting-input,.dh-input,.dh-textarea,.album-note-input
) {
  color: #d5d6dc;
  border-color: rgba(209,215,226,.13);
  background: rgba(11,13,17,.7);
}

@media (prefers-reduced-motion: no-preference) {
  html[data-shell="angel-white"]:not([data-theme="light"]) .window-play,
  html[data-shell="angel-white"]:not([data-theme="light"]) .nav-item.active {
    animation: angel-dark-signal 3.2s ease-in-out infinite;
  }
}
@keyframes angel-dark-signal {
  0%,100% { opacity: .72; filter: drop-shadow(0 0 0 transparent); }
  50% { opacity: 1; filter: drop-shadow(0 0 5px rgba(180,164,211,.26)); }
}