/* Diskloft — "Loft" theme for every page of the site (loaded after /assets/site.css).
   Daylit attic studio: warm plaster and paper, ink, sunlight; a lamp-lit loft in dark mode. */
:root {
  --bg: #f2eee6; --bg-soft: #e9e3d7; --bg-card: #fbf9f4; --text: #1f2630; --text-2: #4f5661; --text-3: #7d7468;
  --line: rgba(31, 38, 48, .12); --nav-bg: rgba(242, 238, 230, .78);
  --accent: #c9860f; --accent-2: #c85f2c; --accent-ink: #1f1709;
  --sun: #f0b43c; --sun-2: #db7f22; --slate: #36689c; --plum: #6e55a0; --sage: #3f8a62; --terra: #c85f2c; --rose: #b4566f;
  --night: #1b2840; --night-2: #24324a; --wall: #f4ecdd;
  --shadow-sm: 0 1px 2px rgba(90, 70, 48, .10), 0 10px 26px -14px rgba(90, 70, 48, .35);
  --shadow-lg: 0 2px 4px rgba(90, 70, 48, .10), 0 44px 80px -30px rgba(90, 70, 48, .45);
  --display-stretch: 118%;
  color-scheme: light dark;
}
@media (prefers-color-scheme: dark) {
  :root {
    --bg: #13161b; --bg-soft: #191d23; --bg-card: #1d2128; --text: #efe9dd; --text-2: #bcb5a9; --text-3: #8f887d;
    --line: rgba(239, 233, 221, .10); --nav-bg: rgba(19, 22, 27, .78);
    --accent: #f2b84b; --accent-2: #f09563; --accent-ink: #1f1709;
    --slate: #86aeda; --plum: #b7a2de; --sage: #83c9a0; --terra: #f09563; --rose: #e592a8; --wall: #262b33;
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, .4), 0 10px 26px -14px rgba(0, 0, 0, .7);
    --shadow-lg: 0 2px 4px rgba(0, 0, 0, .4), 0 44px 80px -30px rgba(0, 0, 0, .85);
  }
}
body {
  background-color: var(--bg);
  background-image: radial-gradient(circle, color-mix(in srgb, var(--text) 9%, transparent) 1px, transparent 1.4px);
  background-size: 28px 28px;
}
.display, .h1, .h2, .h3 { font-stretch: var(--display-stretch); letter-spacing: -0.02em; }
.nav { border-bottom-color: var(--line); }
.nav .brand span { font-stretch: var(--display-stretch); }
.nav-cta, .btn-primary { background: linear-gradient(110deg, var(--sun), var(--sun-2)); color: var(--accent-ink) !important; box-shadow: 0 8px 22px -10px rgba(219, 127, 34, .8); }
.eyebrow { color: var(--accent); letter-spacing: .14em; text-transform: uppercase; font-size: 12.5px; font-weight: 800; }
.soft { background: color-mix(in srgb, var(--bg-soft) 88%, transparent); }
.card, .faq details { border-color: var(--line); background: var(--bg-card); }
.page-head { background: linear-gradient(160deg, color-mix(in srgb, var(--sun) 18%, transparent), transparent 55%); }
.hero-icon { filter: drop-shadow(0 22px 40px rgba(27, 40, 64, .35)); box-shadow: none; }
.footer { background: var(--bg-soft); border-top: 1px solid var(--line); }
input, select, textarea { background: var(--bg-card); color: var(--text); border-color: var(--line); }
.callout { background: color-mix(in srgb, var(--sun) 12%, transparent); border-color: color-mix(in srgb, var(--sun) 35%, transparent); }
.btn[aria-disabled="true"] { cursor: default; }