/* skin-v2.css — Crossconcepts v2, "rockscape & turquoise": Conner's first
   draft from the design studio (sent 2026-09-25). Every value here is one he
   picked there; DESIGN.md says what each is and why. v1 (linen lit by the
   hour) is the page without this skin, kept in full: html[data-skin="v2"]
   turns it on (Admin → Look, or ?skin=v2 / ?skin=v1). Only a device showing
   v2 downloads its photos and faces. */

/* Household ledger: Spectral over Source Sans 3 (self-hosted, latin). */
@font-face { font-family: 'Spectral'; font-style: italic; font-weight: 400; font-display: swap; src: url('/fonts/v2/spectral-italic-400.woff2') format('woff2'); }
@font-face { font-family: 'Spectral'; font-style: italic; font-weight: 500; font-display: swap; src: url('/fonts/v2/spectral-italic-500.woff2') format('woff2'); }
@font-face { font-family: 'Spectral'; font-style: normal; font-weight: 400; font-display: swap; src: url('/fonts/v2/spectral-normal-400.woff2') format('woff2'); }
@font-face { font-family: 'Spectral'; font-style: normal; font-weight: 500; font-display: swap; src: url('/fonts/v2/spectral-normal-500.woff2') format('woff2'); }
@font-face { font-family: 'Spectral'; font-style: normal; font-weight: 600; font-display: swap; src: url('/fonts/v2/spectral-normal-600.woff2') format('woff2'); }
@font-face { font-family: 'Source Sans 3'; font-style: normal; font-weight: 400 700; font-display: swap; src: url('/fonts/v2/sourcesans3-400-700.woff2') format('woff2'); }

html[data-skin="v2"] {
  /* Cognac hide, in light and dark (committed: the cognac carries the room). */
  --bg: #f1e6d6;
  --surface: #fbf4e9;
  --ink: #2a1a10;
  --ink-2: #66503f;
  --accent: #924414;
  --line: rgba(42,26,16,.12);
  --brick: #8f2f1f;
  --conner: #3d5876;
  --chloe: #536730;
  --world: #b8692f;
  --dark-bg: #4a2717;
  --dark-surface: #3a1d10;
  --dark-ink: #f6e7d2;
  --dark-ink-2: #d5b99c;
  --dark-accent: #f2b576;
  --dark-line: rgba(246,231,210,.14);
  --dark-brick: #f39373;
  --dark-conner: #b2c9e1;
  --dark-chloe: #c8d6a0;
  --dark-world: #2a1206;

  /* Household ledger, on a 1.282 scale (16px body, so the day's name is 16 × 1.282⁴). */
  --font-display: Spectral, Georgia, serif;
  --font-body: 'Source Sans 3', -apple-system, sans-serif;
  --display-weight: 500;
  --body-size: 16px;
  --display-size: min(96px, calc(var(--body-size) * 2.7011));

}

/* Photos on the page's own surfaces, so its own tints over them step aside
   (the studio did this when he filled them). */
html[data-skin="v2"] .world-veil, html[data-skin="v2"] .world-dusk { opacity: 0; }
/* The window light (and its dust) off; the lamp becomes the night sky, at 20%. */
html[data-skin="v2"] .world-sun, html[data-skin="v2"] .world-dust { opacity: 0; }
html[data-skin="v2"] .world-lamp { opacity: calc(var(--night) * 0.2); }

/* The background: red rock at Palo Duro, under 75% of the ground colour. */
html[data-skin="v2"] [data-fill="background"] {
  background:
    linear-gradient(color-mix(in srgb, var(--bg) 75%, transparent), color-mix(in srgb, var(--bg) 75%, transparent)),
    url('/img/v2/red-rock-canyon-1.jpg') center / cover !important;
}
/* The day's sheet: turquoise in stone, a faint wash under 90% of the ground. */
html[data-skin="v2"] [data-fill="sheet"] {
  background:
    linear-gradient(color-mix(in srgb, var(--bg) 90%, transparent), color-mix(in srgb, var(--bg) 90%, transparent)),
    url('/img/v2/turquoise-mineral-1.jpg') center / cover !important;
}
/* After dark: stars over the trees in place of the lamp's pool. */
html[data-skin="v2"] [data-fill="lamp light"] {
  background: url('/img/v2/night-stars-trees-1.jpg') center / cover no-repeat !important;
}
/* The filter glass without its linen weave: it's not linen any more. */
html[data-skin="v2"] [data-fill="glass"]::before { opacity: 0 !important; }
/* The date and weather in ink, not the softer voice. */
html[data-skin="v2"] [data-edit="date"] { color: var(--ink); }