/* ============================================================
   SAR FRANCE — Palette de couleurs centralisée
   
   Toutes les couleurs du site sont définies ici.
   Utiliser uniquement des var(--xxx) dans les autres fichiers CSS.
   ============================================================ */

:root {
    /* Charter colors */
    --primary: #ad2c11;           /* C22 M80 J92 N13 */
    --primary-dark: #8b2310;
    --primary-tint-15: #f3dfdb;   /* 15% tint of primary */

    /* Navy */
    --navy-blue: #1a2a4a;
    --navy-dark: #0f1a2e;

    /* Gold */
    --gold: #c9a227;

    /* Neutrals */
    --black: #1a1a1a;
    --white: #ffffff;
    --cream: #f5f3e8;

    /* Text */
    --text-dark: #1a1a1a;
    --text-light: #555555;
    --text-muted: #718096;

    /* Grays */
    --gray-light: #f5f5f5;
    --gray-border: #c8c8c8;
    --gray-placeholder: #aaa;
    --gray-border-light: #e2e8f0;
    --gray-border-medium: #d1d5db;
    --gray-border-hover: #a0aec0;
    --gray-timeline: #cbd5e0;

    /* Shadows & overlays */
    --shadow: rgba(0, 0, 0, 0.1);
    --shadow-dark: rgba(0, 0, 0, 0.3);
    --shadow-subtle: rgba(0, 0, 0, 0.06);
    --overlay-light: rgba(255, 255, 255, 0.1);
    --overlay-dark-40: rgba(0, 0, 0, 0.4);
    --overlay-dark-70: rgba(0, 0, 0, 0.7);
    --overlay-caption: linear-gradient(transparent, rgba(0, 0, 0, 0.7));

    /* Hero */
    --hero-gradient-start: rgba(26, 42, 74, 0.82);
    --hero-gradient-end: rgba(15, 26, 46, 0.88);

    /* Focus ring */
    --focus-ring: rgba(173, 44, 17, 0.15);

    /* Text on dark backgrounds */
    --white-85: rgba(255, 255, 255, 0.85);

    /* --------------------------------------------------------
       Tag & type palette — named colors shared across
       agenda (type-), chronologie (tag-), and notices (tag-).
       Each color is reused across templates but never within
       the same template.
       -------------------------------------------------------- */
    --color-olive:        #557a22;
    --color-royal-blue:   #2660b0;
    --color-burgundy:     #9a1a3a;
    --color-brown:        #96590e;
    --color-slate:        #4a6070;
    --color-purple:       #8040a8;
    --color-dark-blue:    #1c5590;
    --color-crimson:      #c42828;
    --color-khaki:        #9a8018;
    --color-teal:         #18857a;
    --color-navy:         #143d78;
    --color-copper:       #b86218;
    --color-sienna:       #b85510;
    --color-plum:         #783090;
}

/* ============================================================
   Tag & type colors — agenda, chronologie, notices
   Class names mirror YAML keys: type-xxx for agenda, tag-xxx for others
   ============================================================ */

/* Agenda types  (7 items — max hue spread) */
.type-conference      { background-color: var(--color-teal); }
.type-assemblee       { background-color: var(--color-navy); }
.type-commemoration   { background-color: var(--color-crimson); }
.type-nssar           { background-color: var(--color-khaki); }
.type-reunion         { background-color: var(--color-slate); }
.type-visite          { background-color: var(--color-plum); }
.type-exposition      { background-color: var(--color-copper); }
.type-250freedom      { background-color: var(--color-royal-blue); }
.type-400ans-marine-nationale { background-color: var(--color-dark-blue); }

/* Chronologie tags  (13 items — full palette minus navy) */
.tag-france           { background-color: var(--color-royal-blue); }
.tag-amerique         { background-color: var(--color-sienna); }
.tag-angleterre       { background-color: var(--color-burgundy); }
.tag-bataille         { background-color: var(--color-dark-blue); }
.tag-marine           { background-color: var(--color-teal); }
.tag-diplomatie       { background-color: var(--color-purple); }
.tag-colonies         { background-color: var(--color-brown); }
.tag-politique        { background-color: var(--color-slate); }
.tag-personnalite     { background-color: var(--color-olive); }
.tag-volontaires      { background-color: var(--color-crimson); }
.tag-corps-expeditionnaire { background-color: var(--color-plum); }
.tag-taxation         { background-color: var(--color-copper); }
.tag-revolte          { background-color: var(--color-khaki); }

/* Notices tags  (13 items — full palette minus olive) */
.tag-officier-marine  { background-color: var(--color-navy); }
.tag-officier-terre   { background-color: var(--color-olive); }
.tag-soldat           { background-color: var(--color-burgundy); }
.tag-artillerie       { background-color: var(--color-sienna); }
.tag-genie            { background-color: var(--color-teal); }
.tag-chirurgien       { background-color: var(--color-purple); }
.tag-armateur-corsaire { background-color: var(--color-copper); }
.tag-diplomate        { background-color: var(--color-dark-blue); }
.tag-aide-de-camp     { background-color: var(--color-khaki); }
.tag-volontaire       { background-color: var(--color-crimson); }
.tag-chapelain        { background-color: var(--color-plum); }
.tag-legion-lauzun    { background-color: var(--color-brown); }
.tag-americain        { background-color: var(--color-royal-blue); }

/* Hauts lieux tags  (10 items) */
.tag-residence        { background-color: var(--color-royal-blue); }
.tag-statue           { background-color: var(--color-olive); }
.tag-cimetiere        { background-color: var(--color-slate); }
.tag-chateau          { background-color: var(--color-burgundy); }
.tag-port             { background-color: var(--color-teal); }
.tag-arsenal          { background-color: var(--color-sienna); }
.tag-musee            { background-color: var(--color-purple); }
.tag-monument-historique { background-color: var(--color-brown); }
.tag-stele            { background-color: var(--color-crimson); }
.tag-lieu-de-memoire  { background-color: var(--color-dark-blue); }

/* ============================================================
   Active filter button overrides — per tag/type
   When a filter pill is selected, it takes its tag/type color
   ============================================================ */

/* Agenda types — active filters */
.filter-btn.active.type-conference      { background-color: var(--color-teal); border-color: var(--color-teal); }
.filter-btn.active.type-assemblee       { background-color: var(--color-navy); border-color: var(--color-navy); }
.filter-btn.active.type-commemoration   { background-color: var(--color-crimson); border-color: var(--color-crimson); }
.filter-btn.active.type-nssar           { background-color: var(--color-khaki); border-color: var(--color-khaki); }
.filter-btn.active.type-reunion         { background-color: var(--color-slate); border-color: var(--color-slate); }
.filter-btn.active.type-visite          { background-color: var(--color-plum); border-color: var(--color-plum); }
.filter-btn.active.type-exposition      { background-color: var(--color-copper); border-color: var(--color-copper); }
.filter-btn.active.type-250freedom      { background-color: var(--color-royal-blue); border-color: var(--color-royal-blue); }
.filter-btn.active.type-400ans-marine-nationale { background-color: var(--color-dark-blue); border-color: var(--color-dark-blue); }

/* Chronologie tags — active filters */
.filter-btn.active.tag-france           { background-color: var(--color-royal-blue); border-color: var(--color-royal-blue); }
.filter-btn.active.tag-amerique         { background-color: var(--color-sienna); border-color: var(--color-sienna); }
.filter-btn.active.tag-angleterre       { background-color: var(--color-burgundy); border-color: var(--color-burgundy); }
.filter-btn.active.tag-bataille         { background-color: var(--color-dark-blue); border-color: var(--color-dark-blue); }
.filter-btn.active.tag-marine           { background-color: var(--color-teal); border-color: var(--color-teal); }
.filter-btn.active.tag-diplomatie       { background-color: var(--color-purple); border-color: var(--color-purple); }
.filter-btn.active.tag-colonies         { background-color: var(--color-brown); border-color: var(--color-brown); }
.filter-btn.active.tag-politique        { background-color: var(--color-slate); border-color: var(--color-slate); }
.filter-btn.active.tag-personnalite     { background-color: var(--color-olive); border-color: var(--color-olive); }
.filter-btn.active.tag-volontaires      { background-color: var(--color-crimson); border-color: var(--color-crimson); }
.filter-btn.active.tag-corps-expeditionnaire { background-color: var(--color-plum); border-color: var(--color-plum); }
.filter-btn.active.tag-taxation         { background-color: var(--color-copper); border-color: var(--color-copper); }
.filter-btn.active.tag-revolte          { background-color: var(--color-khaki); border-color: var(--color-khaki); }

/* Notices tags — active filters */
.filter-btn.active.tag-officier-marine  { background-color: var(--color-navy); border-color: var(--color-navy); }
.filter-btn.active.tag-officier-terre   { background-color: var(--color-olive); border-color: var(--color-olive); }
.filter-btn.active.tag-soldat           { background-color: var(--color-burgundy); border-color: var(--color-burgundy); }
.filter-btn.active.tag-artillerie       { background-color: var(--color-sienna); border-color: var(--color-sienna); }
.filter-btn.active.tag-genie            { background-color: var(--color-teal); border-color: var(--color-teal); }
.filter-btn.active.tag-chirurgien       { background-color: var(--color-purple); border-color: var(--color-purple); }
.filter-btn.active.tag-armateur-corsaire { background-color: var(--color-copper); border-color: var(--color-copper); }
.filter-btn.active.tag-diplomate        { background-color: var(--color-dark-blue); border-color: var(--color-dark-blue); }
.filter-btn.active.tag-aide-de-camp     { background-color: var(--color-khaki); border-color: var(--color-khaki); }
.filter-btn.active.tag-volontaire       { background-color: var(--color-crimson); border-color: var(--color-crimson); }
.filter-btn.active.tag-chapelain        { background-color: var(--color-plum); border-color: var(--color-plum); }
.filter-btn.active.tag-legion-lauzun    { background-color: var(--color-brown); border-color: var(--color-brown); }
.filter-btn.active.tag-americain        { background-color: var(--color-royal-blue); border-color: var(--color-royal-blue); }

/* Hauts lieux tags — active filters */
.filter-btn.active.tag-residence        { background-color: var(--color-royal-blue); border-color: var(--color-royal-blue); }
.filter-btn.active.tag-statue           { background-color: var(--color-olive); border-color: var(--color-olive); }
.filter-btn.active.tag-cimetiere        { background-color: var(--color-slate); border-color: var(--color-slate); }
.filter-btn.active.tag-chateau          { background-color: var(--color-burgundy); border-color: var(--color-burgundy); }
.filter-btn.active.tag-port             { background-color: var(--color-teal); border-color: var(--color-teal); }
.filter-btn.active.tag-arsenal          { background-color: var(--color-sienna); border-color: var(--color-sienna); }
.filter-btn.active.tag-musee            { background-color: var(--color-purple); border-color: var(--color-purple); }
.filter-btn.active.tag-monument-historique { background-color: var(--color-brown); border-color: var(--color-brown); }
.filter-btn.active.tag-stele            { background-color: var(--color-crimson); border-color: var(--color-crimson); }
.filter-btn.active.tag-lieu-de-memoire  { background-color: var(--color-dark-blue); border-color: var(--color-dark-blue); }

/* Bibliothèque categories — active filters */
.filter-btn.active.cat-biographie        { background-color: var(--color-burgundy); border-color: var(--color-burgundy); }
.filter-btn.active.cat-marine            { background-color: var(--color-teal); border-color: var(--color-teal); }
.filter-btn.active.cat-gia               { background-color: var(--color-crimson); border-color: var(--color-crimson); }
.filter-btn.active.cat-histoire-generale { background-color: var(--color-royal-blue); border-color: var(--color-royal-blue); }
.filter-btn.active.cat-lieux-historiques { background-color: var(--color-olive); border-color: var(--color-olive); }
.filter-btn.active.cat-genealogie        { background-color: var(--color-brown); border-color: var(--color-brown); }
.filter-btn.active.cat-repertoires       { background-color: var(--color-navy); border-color: var(--color-navy); }
.filter-btn.active.cat-sources           { background-color: var(--color-purple); border-color: var(--color-purple); }
.filter-btn.active.cat-catalogues        { background-color: var(--color-copper); border-color: var(--color-copper); }
.filter-btn.active.cat-revues            { background-color: var(--color-khaki); border-color: var(--color-khaki); }
.filter-btn.active.cat-divers            { background-color: var(--color-slate); border-color: var(--color-slate); }

/* Bibliothèque categories — tag pills */
.cat-biographie        { background-color: var(--color-burgundy); }
.cat-marine            { background-color: var(--color-teal); }
.cat-gia               { background-color: var(--color-crimson); }
.cat-histoire-generale { background-color: var(--color-royal-blue); }
.cat-lieux-historiques { background-color: var(--color-olive); }
.cat-genealogie        { background-color: var(--color-brown); }
.cat-repertoires       { background-color: var(--color-navy); }
.cat-sources           { background-color: var(--color-purple); }
.cat-catalogues        { background-color: var(--color-copper); }
.cat-revues            { background-color: var(--color-khaki); }
.cat-divers            { background-color: var(--color-slate); }