/*
 * Theme: lens (Matrix Lens - photographers). Near-monochrome white and
 * ink black with one muted, dusty accent; quiet, image-first and generous with whitespace. An
 * elegant high-contrast serif display heading face for an editorial, portfolio tone. Overrides
 * design tokens only, same rule as base.css/build.css/table.css.
 */
:root {
  --color-bg: #ffffff;
  --color-surface: #f6f4f2;
  --color-text: #171513;
  --color-muted: #6b6560;
  --color-accent: #8a6752;
  --color-accent-contrast: #ffffff;
  --color-border: #e4ded8;
  --color-danger: #b3261e;

  --radius-sm: 0.125rem;
  --radius-md: 0.25rem;
  --radius-lg: 0.5rem;
  --radius-pill: 999px;

  --shadow-soft: 0 4px 20px -4px rgb(23 21 19 / 0.1);

  /* Elegant high-contrast serif display heading face; body stays Inter. */
  --font-heading: 'Playfair Display Variable', 'Playfair Display', Georgia, serif;
}

@media (prefers-color-scheme: dark) {
  :root {
    --color-bg: #121110;
    --color-surface: #1b1917;
    --color-text: #f6f4f2;
    --color-muted: #b2aba3;
    --color-accent: #c9a98f;
    --color-accent-contrast: #121110;
    --color-border: #332e29;
    --color-danger: #ff8a83;

    --shadow-soft: 0 4px 24px -4px rgb(0 0 0 / 0.5);
  }
}