/* ============================================================
   GÜLSÜN ERDAŞ STUDIO — Tones
   Components only read tokens (ink, accent, tone-bg…), so a tone
   class re-skins everything inside a section. The page rhythm
   alternates the dark ground with ivory and nude; bordo is kept for
   booking moments, blush for rare pauses.
   ============================================================ */

:root {
  --tone-bg: var(--ground);
  --frame-shade: rgba(14, 13, 12, 0.34);
  --blend: difference;
  --star: #c08a2e;
  --voice-surface: rgba(235, 228, 216, 0.07);
}

/* Light grounds: dark ink, bordo accent, soft frame edges. */
.ge-tone--ivory, .ge-tone--nude, .ge-tone--blush, body.ge-page--light {
  --ink: #1c1714;
  --ink-soft: rgba(28, 23, 20, 0.76);
  --ink-mute: rgba(28, 23, 20, 0.62);
  --ink-faint: rgba(28, 23, 20, 0.28);
  --ivory: #17120f;
  --accent: #6b1e2b;
  --bronze: #8f6a4b;
  --bronze-ghost: rgba(107, 30, 43, 0.07);
  --frame-shade: rgba(28, 23, 20, 0.06);
  --blend: normal;
}
.ge-tone--ivory { --tone-bg: #f4eee4; --voice-surface: #fffcf6; }
.ge-tone--nude { --tone-bg: #e7d6c5; --voice-surface: #fbf6ee; --ink-mute: rgba(28, 23, 20, 0.66); --bronze-ghost: rgba(107, 30, 43, 0.08); }
.ge-tone--blush { --tone-bg: #dcaea6; --voice-surface: #f8ece9; --ink-mute: rgba(28, 23, 20, 0.7); --accent: #5a1522; --bronze-ghost: rgba(90, 21, 34, 0.08); }

/* Bordo: the signature ground for booking moments. */
.ge-tone--bordo {
  --tone-bg: #5c1a26;
  --ink: #f4eee4;
  --ink-soft: rgba(244, 238, 228, 0.8);
  --ink-mute: rgba(244, 238, 228, 0.66);
  --ink-faint: rgba(244, 238, 228, 0.3);
  --ivory: #f8f2e9;
  --accent: #e8caa9;
  --bronze: #c99c79;
  --bronze-ghost: rgba(244, 238, 228, 0.06);
  --frame-shade: rgba(40, 10, 16, 0.3);
  --blend: normal;
  --star: #e2b569;
  --voice-surface: rgba(244, 238, 228, 0.09);
}

.ge-tone--ivory, .ge-tone--nude, .ge-tone--blush, .ge-tone--bordo {
  background: var(--tone-bg);
  color: var(--ink);
}

/* A whole page on the ivory ground (iletişim). */
body.ge-page--light { --ground: #f4eee4; --tone-bg: #f4eee4; }
html:has(body.ge-page--light) { background: #f4eee4; }

/* Always-dark surfaces keep the dark token set on any page. */
.ge-footer, .ge-dock, .ge-viewer,
html.ge-nav-open body.ge-page--light .ge-header {
  --ink: #ebe4d8;
  --ink-soft: rgba(235, 228, 216, 0.72);
  --ink-mute: rgba(235, 228, 216, 0.55);
  --ink-faint: rgba(235, 228, 216, 0.3);
  --ivory: #f4eee4;
  --accent: #c9a683;
  --bronze: #8c6a4c;
  --bronze-ghost: rgba(140, 106, 76, 0.15);
  --frame-shade: rgba(14, 13, 12, 0.34);
  --tone-bg: #0e0d0c;
  --blend: difference;
}
.ge-footer { color: var(--ink); }

/* A light page keeps its ground to the end; the footer cut is the seam. */
body.ge-page--light main > section:last-of-type { background: none; }