/* Light & Minimal -  white/cream background, one clean sans-serif throughout,
   understated. Reuses Inter (already self-hosted for Classic) for every
   role instead of pairing a display face, which is what makes it read as
   minimal rather than just "a lighter Classic".

   Each theme file declares its own @font-face rules -  only one theme's CSS
   loads per page (see lib/themes.ts), so font-faces aren't shared across
   theme files even when they reuse the same underlying font file. */

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400 600;
  font-display: swap;
  src: url('/assets/fonts/inter-var.woff2') format('woff2');
}

[data-theme="light-minimal"] {
  --serif: 'Inter', sans-serif;
  --label: 'Inter', sans-serif;
  --sans: 'Inter', sans-serif;
  --ink: #2b2b28;
  --paper: #faf8f5;
  --muted: #a39a89;

  --hero-overlay: rgba(0, 0, 0, .18);
  --hero-fg: #fff;
  --hero-cta-border: rgba(255, 255, 255, .7);

  --toolbar-bg: #faf8f5;
  --toolbar-border: #ece7de;

  --gallery-placeholder-bg: #f1ede6;

  --lightbox-bg: #faf8f5;
  --lightbox-border: #ece7de;
  --lightbox-caption: rgba(43, 43, 40, .6);

  --slideshow-bg: #000;
  --slideshow-control-bg: rgba(255, 255, 255, .1);
  --slideshow-control-fg: #fff;

  --toast-bg: #2b2b28;
  --toast-fg: #faf8f5;
}

[data-theme="light-minimal"] .hero__title {
  font-weight: 400;
  letter-spacing: -1px;
}