@layer base {
  :root {
    --brand: #8b9a87;
    --brand-strong: #6f7f6b;

    --bg: #faf9f7;
    --bg-soft: #f2f0eb;
    --surface: #ffffff;

    --text: #1e1f1f;
    --text-muted: rgba(0,0,0,.6);
    --text-soft: rgba(0,0,0,.75);

    --border: rgba(0,0,0,.15);
    --border-soft: rgba(0,0,0,.08);

    --radius: 0px;

    --font-sans: Inter, ui-sans-serif, system-ui, sans-serif;
    --font-heading: 'Cormorant Garamond', serif;

    --band-soft-bg: var(--bg-soft);
    --band-soft-text: var(--text);

    --band-ink-bg: var(--brand-strong);
    --band-ink-text: #ffffff;
    --band-ink-muted: rgba(255,255,255,.85);
    --band-ink-soft: rgba(255,255,255,.92);
    --band-ink-border: rgba(255,255,255,.30);

    --text-on-ink: var(--band-ink-text);
    --text-on-ink-muted: var(--band-ink-muted);
    --text-on-ink-soft: var(--band-ink-soft);
    --border-on-ink: var(--band-ink-border);
  }
}