/* ═══════════════════════════════════════════════════════
   LUTHFRAME — global design tokens
   Shared: index, work, terms, …
   Edit colors here to update the site-wide palette.
   ═══════════════════════════════════════════════════════ */

:root {
  --navbar-h: 80px;

  --c-bg: #000000;

  /* Text — WCAG AA on #000–#080808 backgrounds */
  --c-text:        #ffffff;
  --c-text-high:   #e4e4e7;
  --c-text-mid:    #a1a1aa;
  --c-text-muted:  #8b8b94;
  --c-text-dim:    #71717a;
  --c-text-subtle: #636369;

  /* Section depth bands (index stacked section-cards) */
  --c-section-0: #030303;
  --c-section-1: #050505;
  --c-section-2: #060606;
  --c-section-3: #080808;

  /* Inner card / panel surfaces */
  --c-surface-base:   #0a0a0a;
  --c-surface-muted:  #0d0d0d;
  --c-surface-raised: #0f0f0f;

  --c-border: rgba(255, 255, 255, 0.08);
}

@media (max-width: 900px) {
  :root {
    --navbar-h: 68px;
  }
}