/* RadJev looks: ten rooms to read a report in.
   Each look redefines the room, the lit sheet, the backlight (--glow), the
   connector (--line), control edges (--edge) and the clip metal, plus one
   signature touch. Light Box is the default and lives in app.css :root.
   Glow colours mark report wording; they never encode urgency. */

/* ---------------- Dark rooms ---------------- */

[data-look="aurora"] {
  --find: #c4a8ff; --find-line: #c4a8ff;
  --room: #07120f; --room-deep: #040b09; --room-raise: #0d1d18; --room-ink: #eaf5ef; --room-muted: #9fbfb2; --room-rule: #1f3a32;
  --sheet-hi: #f8fdf9; --sheet-lo: #d8e9dd; --sheet-ink: #0b1f16; --sheet-muted: #46604f; --sheet-dim: #586d60; --sheet-rule: #c4d9ca;
  --glow: #6af0a0; --glow-ink: #0b4a2a; --edge: #6af0a0; --line: #6af0a0; --bloom: rgb(110 240 160 / .15);
  --accent: #86f5b4; --accent-ink: #05261a; --focus: #f5c76b;
  --clip-hi: #eef6f1; --clip-mid: #93a99c; --clip-lo: #50655a; --clip-hole: #07120f;
  /* Signature: a slow aurora ribbon across the top of the room. */
  --room-pattern: radial-gradient(60rem 18rem at 20% -6rem, rgb(106 240 160 / .16), transparent 70%), radial-gradient(50rem 16rem at 75% -5rem, rgb(150 110 255 / .13), transparent 70%);
}

[data-look="nightshift"] {
  --find: #ffc2e2; --find-line: #ffc2e2;
  --room: #0d0e1f; --room-deep: #08091a; --room-raise: #15172f; --room-ink: #eeeefb; --room-muted: #a9abd2; --room-rule: #2a2c4d;
  --sheet-hi: #f6f6fd; --sheet-lo: #d9dbee; --sheet-ink: #14152c; --sheet-muted: #4e5070; --sheet-dim: #60627e; --sheet-rule: #cbcce4;
  --glow: #a3abff; --glow-ink: #2a2f86; --edge: #a3abff; --line: #a3abff; --bloom: rgb(150 158 255 / .12);
  --accent: #b6bcff; --accent-ink: #11143d; --focus: #ffcf7a;
  --clip-hi: #cfd1e6; --clip-mid: #70739a; --clip-lo: #3a3c58; --clip-hole: #0d0e1f;
  /* Signature: the sheet is dimmed for late reading, its bloom kept low. */
  --sheet-shadow: rgb(0 0 10 / .75);
}
[data-look="nightshift"] .sheet { filter: brightness(.94); animation: none; }

[data-look="tidepool"] {
  --find: #ffd08a; --find-line: #ffd08a;
  --room: #031722; --room-deep: #020f17; --room-raise: #082331; --room-ink: #e6f6f8; --room-muted: #95bdc7; --room-rule: #163a4a;
  --sheet-hi: #f5fcfc; --sheet-lo: #d1e6ea; --sheet-ink: #072029; --sheet-muted: #3e5e67; --sheet-dim: #526e76; --sheet-rule: #bed8dd;
  --glow: #52cdff; --glow-ink: #034a6b; --edge: #52cdff; --line: #52cdff; --bloom: rgb(82 205 255 / .17);
  --accent: #74d8ff; --accent-ink: #022233; --focus: #ffd27a;
  --clip-hi: #f7e4ba; --clip-mid: #b58f4c; --clip-lo: #6b5124; --clip-hole: #031722;
  /* Signature: caustic light moving over the sea floor. */
  --room-pattern: radial-gradient(28rem 10rem at 15% 20%, rgb(82 205 255 / .07), transparent 70%), radial-gradient(34rem 12rem at 80% 55%, rgb(82 230 220 / .06), transparent 70%), radial-gradient(26rem 9rem at 40% 85%, rgb(82 205 255 / .05), transparent 70%);
}

[data-look="observatory"] {
  --find: #9fd8ff; --find-line: #9fd8ff;
  --room: #0a0b0f; --room-deep: #050608; --room-raise: #14161c; --room-ink: #f1f1ee; --room-muted: #b0b2ad; --room-rule: #2a2c31;
  --sheet-hi: #fafaf7; --sheet-lo: #dfe0da; --sheet-ink: #16171a; --sheet-muted: #54565b; --sheet-dim: #66686c; --sheet-rule: #d2d2cb;
  --glow: #ffd36b; --glow-ink: #6a4b00; --edge: #ffd36b; --line: #ffd36b; --bloom: rgb(255 214 130 / .12);
  --accent: #e9ecf3; --accent-ink: #0a0b0f; --focus: #7fd7ff;
  --clip-hi: #fff2c8; --clip-mid: #c9a24a; --clip-lo: #76591a; --clip-hole: #0a0b0f;
  /* Signature: a sparse star field. */
  --room-pattern: radial-gradient(1px 1px at 12% 18%, rgb(255 255 255 / .55), transparent 2px), radial-gradient(1px 1px at 68% 9%, rgb(255 255 255 / .45), transparent 2px), radial-gradient(1.4px 1.4px at 84% 32%, rgb(255 236 190 / .6), transparent 2px), radial-gradient(1px 1px at 33% 62%, rgb(255 255 255 / .35), transparent 2px), radial-gradient(1px 1px at 92% 78%, rgb(255 255 255 / .4), transparent 2px), radial-gradient(1.2px 1.2px at 6% 88%, rgb(255 236 190 / .45), transparent 2px), radial-gradient(1px 1px at 51% 37%, rgb(255 255 255 / .3), transparent 2px);
}

/* ---------------- Light rooms ---------------- */
.look-light {
  --sheet-shadow: color-mix(in oklab, var(--room-ink) 38%, transparent);
  --tab-glow: var(--room);
  --phone-edge: var(--edge);
  --phone-accent: var(--accent);
  --phone-accent-ink: var(--accent-ink);
}
.look-light .sheet { box-shadow: inset 0 0 0 1px color-mix(in oklab, var(--room-ink) 8%, transparent), 0 40px 80px -36px var(--sheet-shadow), 0 0 70px -10px var(--bloom); }
.look-light .state-mark svg { color: var(--glow-ink); filter: none; }
.look-light .phone-tabs { background: color-mix(in oklab, var(--room-ink) 92%, transparent); border-top-color: transparent; }
.look-light .phone-tabs a { color: color-mix(in oklab, var(--room) 72%, transparent); }
.look-light .phone-tabs a[aria-current="true"] { color: var(--room); }
.look-light .settings-dialog::backdrop { background: color-mix(in oklab, var(--room-ink) 45%, transparent); }

[data-look="daylight"] {
  --find: #b8a4ff; --find-line: #5b3fd9;
  --room: #dceef8; --room-deep: #c9e3f2; --room-raise: #eef7fc; --room-ink: #0d2433; --room-muted: #3c5869; --room-rule: #b3d0e1;
  --sheet-hi: #ffffff; --sheet-lo: #edf2f5; --sheet-ink: #0d2433; --sheet-muted: #475f6c; --sheet-dim: #5a6e79; --sheet-rule: #d4e1e8;
  --glow: #ffd93b; --glow-ink: #6b5200; --edge: #0b6fb0; --line: #0b6fb0; --bloom: rgb(255 226 110 / .4);
  --accent: #0b6fb0; --accent-ink: #ffffff; --focus: #d94f00;
  --clip-hi: #ffffff; --clip-mid: #a8b4bc; --clip-lo: #66737b; --clip-hole: #dceef8;
  /* Signature: a soft window light falling across the room. */
  --room-pattern: linear-gradient(115deg, transparent 20%, rgb(255 255 255 / .55) 32%, transparent 46%), linear-gradient(115deg, transparent 50%, rgb(255 255 255 / .35) 58%, transparent 68%);
}

[data-look="lido"] {
  --find: #c9b6ff; --find-line: #5b3fd9;
  --room: #8fdde3; --room-deep: #6ccbd3; --room-raise: #b4eaee; --room-ink: #032b31; --room-muted: #0f4850; --room-rule: #5ebfc7;
  --sheet-hi: #ffffff; --sheet-lo: #e7f5f6; --sheet-ink: #062a30; --sheet-muted: #3b5d62; --sheet-dim: #4f6d6e; --sheet-rule: #cde6e8;
  --glow: #ffe14d; --glow-ink: #5c4a00; --edge: #032b31; --line: #0b4f8a; --bloom: rgb(255 255 255 / .55);
  --accent: #0b4f8a; --accent-ink: #ffffff; --focus: #032b31;
  --clip-hi: #ffffff; --clip-mid: #a9bfc2; --clip-lo: #5f777a; --clip-hole: #8fdde3;
  /* Signature: pool tiles under the room; the connector is a blue-and-yellow lane rope. */
  --room-pattern: linear-gradient(rgb(255 255 255 / .28) 1px, transparent 1px) 0 0 / 26px 26px, linear-gradient(90deg, rgb(255 255 255 / .28) 1px, transparent 1px) 0 0 / 26px 26px;
}
[data-look="lido"] .connector path { stroke-dasharray: 7 5; stroke-width: 3.5; filter: none; }
[data-look="lido"] .connector .is-drawing path { animation: none; }

[data-look="greenhouse"] {
  --find: #ffd27a; --find-line: #8a5a00;
  --room: #cfe8c4; --room-deep: #b6daa7; --room-raise: #e3f2dc; --room-ink: #10301a; --room-muted: #31573b; --room-rule: #a3ca93;
  --sheet-hi: #ffffff; --sheet-lo: #edf5e9; --sheet-ink: #10301a; --sheet-muted: #425f49; --sheet-dim: #556d5b; --sheet-rule: #d1e5ca;
  --glow: #c8f24a; --glow-ink: #3d5200; --edge: #1f6b35; --line: #3f7d0a; --bloom: rgb(210 245 120 / .4);
  --accent: #1f6b35; --accent-ink: #ffffff; --focus: #b34700;
  --clip-hi: #fbfbf4; --clip-mid: #a7b39f; --clip-lo: #5e6b58; --clip-hole: #cfe8c4;
  /* Signature: glasshouse mullions. */
  --room-pattern: repeating-linear-gradient(90deg, transparent 0 119px, rgb(255 255 255 / .38) 119px 121px), linear-gradient(180deg, rgb(255 255 255 / .35), transparent 30rem);
}

[data-look="orchard"] {
  --find: #b9d7ff; --find-line: #1f4fd1;
  --room: #ffd8b5; --room-deep: #ffc795; --room-raise: #ffe7d2; --room-ink: #3a1a05; --room-muted: #693811; --room-rule: #efb685;
  --sheet-hi: #ffffff; --sheet-lo: #fbeee4; --sheet-ink: #2e1606; --sheet-muted: #684830; --sheet-dim: #785a43; --sheet-rule: #efdac8;
  --glow: #ffc531; --glow-ink: #5e4100; --edge: #2f6b2a; --line: #2f6b2a; --bloom: rgb(255 200 80 / .38);
  --accent: #2f6b2a; --accent-ink: #ffffff; --focus: #1f4fd1;
  --clip-hi: #fff8ec; --clip-mid: #c7a37a; --clip-lo: #7c5a33; --clip-hole: #ffd8b5;
  /* Signature: a low afternoon sun in the corner of the room. */
  --room-pattern: radial-gradient(36rem 36rem at 102% -8%, rgb(255 236 150 / .75), rgb(255 200 90 / .25) 45%, transparent 70%);
}

[data-look="glacier"] {
  --find: #8ff0d0; --find-line: #0f7a5c;
  --room: #e5edfb; --room-deep: #d2dff6; --room-raise: #f3f7fd; --room-ink: #0f1b3d; --room-muted: #3a4a70; --room-rule: #c0d0ee;
  --sheet-hi: #ffffff; --sheet-lo: #eef2fa; --sheet-ink: #0f1b3d; --sheet-muted: #495576; --sheet-dim: #5c6785; --sheet-rule: #d5def0;
  --glow: #b39bff; --glow-ink: #4c1d95; --edge: #5b3fd9; --line: #8b5cf6; --bloom: rgb(180 160 255 / .35);
  --accent: #4c3ad9; --accent-ink: #ffffff; --focus: #d9480f;
  --clip-hi: #ffffff; --clip-mid: #a9b3c9; --clip-lo: #616c86; --clip-hole: #e5edfb;
  --room-pattern: linear-gradient(180deg, rgb(255 255 255 / .6), transparent 24rem);
}
/* Signature: an iridescent edge where the sheet meets the light. */
[data-look="glacier"] .sheet::after {
  content: ""; position: absolute; left: 0; right: 0; top: 0; height: 3px; border-radius: var(--radius-sheet) var(--radius-sheet) 0 0;
  background: linear-gradient(90deg, #8fe3c8, #f2a7c3 45%, #9a86f0);
}
@media (max-width: 999px) { [data-look="glacier"] .source-first-reader.sheet::after { display: none; } }