/* ============================================================
   COLORS — Biblioteca Ernesto Ragionieri
   Brand blue sampled from the library logo (#0C6DB1), paired
   with the cool neutral gray of the logo's "squiggle" (#504F54).
   Semantic colors follow Designers Italia / Bootstrap Italia
   and are tuned for WCAG AA contrast (public-administration req.)
   ============================================================ */
:root {
  /* --- Brand: library blue --- */
  --blue-900: #063757;
  --blue-800: #084A79;
  --blue-700: #0A5A92;
  --blue-600: #0C6DB1; /* PRIMARY — logo blue */
  --blue-500: #1E82C9;
  --blue-400: #4D9BD7;
  --blue-300: #8CC0E6;
  --blue-200: #C4DFF2;
  --blue-100: #E5F0F9;
  --blue-50:  #F2F8FC;

  /* --- Neutrals (cool gray, from logo) --- */
  --neutral-900: #1B1C1E;
  --neutral-800: #2C2E31;
  --neutral-700: #43454A;
  --neutral-600: #504F54; /* logo gray */
  --neutral-500: #6C6E73;
  --neutral-400: #97999E;
  --neutral-300: #C5C7CB;
  --neutral-200: #E3E4E6;
  --neutral-150: #ECEDEF;
  --neutral-100: #F2F3F4;
  --neutral-50:  #F8F9FA;
  --white: #FFFFFF;
  --black: #000000;

  /* --- Semantic (AA on white) --- */
  --success-700: #0A6B47;
  --success: #008758;
  --success-bg: #E5F4EE;
  --warning-700: #855000;
  --warning: #A66300;
  --warning-bg: #FBF1E0;
  --danger-700: #B12239;
  --danger: #D9364F;
  --danger-bg: #FBE9EC;
  --info: var(--blue-600);
  --info-bg: var(--blue-100);

  /* ---------- SEMANTIC ALIASES ---------- */
  --color-primary: var(--blue-600);
  --color-primary-hover: var(--blue-700);
  --color-primary-active: var(--blue-800);
  --color-primary-contrast: var(--white);

  --text-strong: var(--neutral-900);
  --text-body: var(--neutral-800);
  --text-muted: var(--neutral-500);
  --text-on-brand: var(--white);
  --text-link: var(--blue-700);
  --text-link-hover: var(--blue-800);

  --surface-page: var(--neutral-50);
  --surface-card: var(--white);
  --surface-subtle: var(--neutral-100);
  --surface-brand: var(--blue-600);
  --surface-brand-subtle: var(--blue-100);
  --surface-inverse: var(--neutral-900);

  --border-default: var(--neutral-200);
  --border-strong: var(--neutral-300);
  --border-interactive: var(--blue-600);

  /* Accessibility focus ring — Designers Italia high-visibility */
  --focus-ring: #2B2BFF;
  --focus-ring-offset: var(--white);
}