/* Daylight (direction A, picked by Kamyar 2026-10-30): white page, navy type, pale-lime highlighter under the links, tiles on a faint navy tint. Shared by the five /daylight/ variations. */
body {
  --bg: var(--white); --fg: var(--navy-900); --muted: var(--navy-500); --hair: var(--navy-100); --focus: var(--navy-700);
  --mark: var(--navy-900); --mark-dot: var(--navy-900); --hl: #cfeeae; /* between sage and pale lime */
  --h1-size: clamp(38px, 5.4vw, 72px); --h1-weight: 550; --h1-track: -0.045em; --h1-lh: 1.03; --h1-measure: 15ch;
  --tile-bg: var(--navy-050); --tile-ring: inset 0 0 0 1px rgba(32, 39, 52, .05);
  --in-bg: var(--white); --in-fg: var(--navy-900); --in-ring: 0 0 0 1px rgba(32, 39, 52, .07);
  --out-bg: var(--navy-700); --out-fg: var(--white); --meta: var(--navy-500);
  --card-top: var(--lime-100); --card-top-fg: var(--navy-900); --flag-bg: var(--lime-100); --flag-fg: var(--navy-900);
  --sheet-bg: var(--white); --sheet-fg: var(--navy-900); --sheet-muted: var(--navy-500);
  --field-bg: var(--navy-050); --field-ring: rgba(32, 39, 52, .12); --send-bg: var(--navy-900); --send-fg: var(--white);
}

/* Header: logo left, Log in right (variations 2 to 5) */
.top { justify-content: space-between; gap: 16px; }
.login {
  display: inline-flex; align-items: center; min-height: var(--tap); padding: 0 2px;
  font-size: 16px; font-weight: 500; letter-spacing: -0.01em; color: var(--fg); text-decoration: none;
}
.login span { background: linear-gradient(currentColor, currentColor) 0 100% / 100% 1px no-repeat; padding-bottom: 2px; }
.login:hover span { background-image: linear-gradient(var(--hl), var(--hl)); background-size: 100% .5em; background-position: 0 90%; }