/* Scrinio design tokens — Library Services Platform */
@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap");

:root {
  /* Brand Scrinio */
  --scrinio-blue: #0c3572;
  --scrinio-blue-deep: #08264f;
  --scrinio-brown: #8a6a2b;
  --scrinio-brown-deep: #856336;
  --scrinio-cream: #ead9b6;
  --scrinio-gold: #ddc59d;
  --scrinio-light: #e6ecfa;

  --dl-ink: #121826;
  --dl-muted: #5a6478;
  --dl-line: #d5dceb;
  --dl-bg: #fff;
  --dl-panel: var(--scrinio-light);
  --dl-link: var(--scrinio-blue);
  --dl-brand: var(--scrinio-blue);
  --dl-accent: var(--scrinio-brown);

  --dl-font-display: "Manrope", "Segoe UI", sans-serif;
  --dl-font-body: "Manrope", "Segoe UI", sans-serif;
  --dl-font: var(--dl-font-body);

  --dl-hero-ink: #ffffff;
  --dl-hero-muted: rgba(255, 255, 255, 0.82);
  /* Overlay scuro “su foto” — leggibilità lockup bianco+oro */
  --dl-hero-overlay: linear-gradient(
    180deg,
    rgba(12, 18, 28, 0.55) 0%,
    rgba(8, 14, 22, 0.62) 48%,
    rgba(6, 10, 16, 0.72) 100%
  );
  --dl-hero-min-height: min(100vh, 52rem);
  --dl-hero-image: url("/assets/hero-library-antique.jpg");

  --dl-radius: 4px;
  --dl-shadow: 0 1px 3px rgba(12, 53, 114, 0.14);
  --dl-header-pad-y: 0.75rem;
  --dl-header-pad-x: 1.25rem;
  --dl-search-input-pad: 0.85rem 1rem;
  --dl-search-max: 960px;
  --dl-content-max: 960px;
  --dl-nav-size: 0.72rem;
  --dl-badge-book: #0c3572;
  --dl-badge-digital: #8a6a2b;
  --dl-badge-electronic: #1a5f7a;
  --dl-badge-video: #6b5420;
  --dl-badge-audio: #3a5a9a;

  /* aliases used by legacy portal classes */
  --ink: var(--dl-ink);
  --muted: var(--dl-muted);
  --line: var(--dl-line);
  --bg: var(--dl-bg);
  --panel: var(--dl-panel);
  --brand: var(--dl-brand);
  --accent: var(--dl-accent);
  --font: var(--dl-font);
}