/* ==========================================================================
   Theme test: ~55% warm bone / ~45% graphite.
   Delete this file's <link> (and the theme-* body classes) to return to the
   original all-dark design. Snapshot: backups/original-dark-theme/
   ========================================================================== */

/* Warm bone token set. Every component reads these tokens, so applying them
   to a section flips its background, type, lines, buttons and tags together. */
.theme-light main,
.theme-mixed .collection,
.theme-mixed section[aria-labelledby="who-title"],
.theme-mixed section[aria-labelledby="about-title"] {
  --bg: #e8e1d4;
  --surface: #ded6c7;
  --surface-2: #d3cab9;
  --bone: #1a1918;
  --stone: #5e594f;          /* 6.1:1 on bone */
  --sand: #6d6151;           /* italic accent, 5.0:1 on bone */
  --line: rgba(26, 25, 23, 0.14);
  --line-strong: rgba(26, 25, 23, 0.3);
  --error: #a3402a;
  background: var(--bg);
  color: var(--bone);
  color-scheme: light;
}
.theme-light main ::selection,
.theme-mixed .collection ::selection { background: #1a1918; color: #e8e1d4; }

/* Buttons on bone: graphite button, soft hover */
.theme-light main .btn,
.theme-mixed .collection .btn { --btn-hover: #3a3833; }
.theme-light main .btn--ghost:hover { color: #e8e1d4; }

/* Viewfinder marks and play buttons always sit on photos, so keep them light */
.theme-light main .vf i, .theme-mixed .collection .vf i { border-color: #e8e1d4; }

/* Sections that stay dark inside a light page */
.theme-light main .cta,
.theme-light main .next-coll {
  --bg: #141413; --surface: #1b1b1a; --bone: #e8e1d4; --stone: #a29b8f; --sand: #cfc6b6;
  --line: rgba(232, 225, 212, 0.12); --line-strong: rgba(232, 225, 212, 0.26);
  background: var(--bg); color: var(--bone); color-scheme: dark;
}

/* Header: keep a solid graphite bar over light pages so the nav stays legible */
.theme-light .site-header { background: rgba(20, 20, 19, 0.94); border-color: rgba(232, 225, 212, 0.12); }

/* Sticky phone Inquire button: graphite on bone pages */
.theme-light .m-cta, .theme-mixed .m-cta { background: #1a1918; color: #e8e1d4; }

/* Gallery hover and grid captions on bone */
.theme-light main .g-item figcaption b { color: #1a1918; }

/* About portrait placeholder surface */
.theme-light main .bts { background: var(--surface); }

/* Form fields on bone */
.theme-light main .field select option { background: #e8e1d4; color: #1a1918; }
.theme-light main .field select {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='none' stroke='%235e594f'%3E%3Cpath d='M1 1l5 5 5-5'/%3E%3C/svg%3E");
}
.theme-light main .field input::placeholder, .theme-light main .field textarea::placeholder { color: rgba(94, 89, 79, 0.6); }