/* ============================================================
   COLORS — Parrocchia San Lorenzo
   Base palette sampled from the printed "il foglietto" bulletin.
   Brand red #dc3a2b is the single dominant hue; a warm rose tint
   is the only secondary surface; everything else is cool neutral.
   ============================================================ */
:root {
  /* --- Brand red (vermilion) --- */
  --red-700: #a52619;   /* deep — pressed states, text on tint */
  --red-600: #b82e21;   /* hover, e rosso per i TESTI PICCOLI (4,85:1 su rosa, 6,1:1 su bianco) */
  --red-500: #d73829;   /* PRIMARY brand red (era #dc3a2b: ritoccato di pochi punti perché il bianco sul rosso e il rosso sul bianco arrivino a 4,5:1) */
  --red-300: #ef8478;   /* soft accents, disabled red */
  --red-100: #f9e0dd;   /* rose surface tint (sidebar boxes) */
  --red-50:  #fdf3f1;   /* faintest wash */

  /* --- Ink / cool neutrals (sampled charcoal is slightly blue) --- */
  --ink-900: #23252b;   /* strongest headings */
  --ink-800: #2c2e35;   /* PRIMARY body/heading ink */
  --ink-600: #55575e;   /* secondary text */
  --ink-500: #6a6366;   /* muted / captions (5,9:1 su bianco, 4,7:1 su rosa) */
  --ink-400: #6f7075;   /* placeholder, hairline text (4,9:1 su bianco) */

  /* --- Surface neutrals --- */
  --white:     #ffffff;
  --paper:     #fdfdfc;  /* page background */
  --gray-50:   #f9f9f9;  /* subtle fill */
  --gray-100:  #f1f1f1;
  --gray-200:  #ececed;  /* borders / rules */
  --gray-300:  #d9d9db;

  /* --- Semantic aliases --- */
  --color-brand:            var(--red-500);
  --color-brand-hover:      var(--red-600);
  --color-brand-active:     var(--red-700);

  --text-strong:            var(--ink-900);
  --text-body:              var(--ink-800);
  --text-muted:             var(--ink-600);
  --text-faint:             var(--ink-500);
  --text-on-brand:          var(--white);
  --text-accent:            var(--red-600);   /* rosso per i testi piccoli, ovunque: le etichette in maiuscolo su rosa col rosso di marca arrivavano a 3,6:1 */
  --text-link:              var(--red-600);
  --text-link-hover:        var(--red-700);

  --surface-page:           var(--paper);
  --surface-card:           var(--white);
  --surface-tint:           var(--red-100);
  --surface-tint-faint:     var(--red-50);
  --surface-brand:          var(--red-500);
  --surface-subtle:         var(--gray-50);

  --border-subtle:          var(--gray-200);
  --border-strong:          var(--gray-300);
  --border-brand:           var(--red-500);
  --rule-brand:             var(--red-500);
}