:root {
  --primary-color: #1a2a42;
  --primary-color-strong: #d63020;
  --primary-color-hover: #8a1a10;

  --secondary-color: #c9960c;
  --secondary-color-strong: #dba820;

  --background-color: #f5f0e8;
  --background-color-muted: #ede5d3;

  --ternary-color: #a3211f;
  --ternary-color-strong: #d63020;
  --ternary-color-hover: #8a1a10;

  --text-color: #201810;
  --text-color-strong: #18130e;
  --text-color-muted: #5c5246;
  --text-color-subtle: #7a7060;
  --text-color-inverse: #f5f0e8;
  --text-color-inverse-muted: #e6ddca;

  --menu-background-color: var(--primary-color);
  --menu-color: rgba(245, 240, 232, 0.5);
  --menu-link-color: white;
  --menu-link-hover-color: var(--background-color);
  --menu-link-active-color: var(--background-color);
  --menu-border-color: rgba(184, 134, 11, 0.2);
  --menu-divider-color: rgba(184, 134, 11, 0.15);
  --menu-link-hover-background: rgba(184, 134, 11, 0.08);
  --menu-link-active-background: rgba(184, 134, 11, 0.06);
  --menu-panel-background: rgba(18, 13, 9, 0.98);
  --menu-panel-border-color: rgba(184, 134, 11, 0.25);
  --menu-panel-shadow: 0 20px 40px rgba(0, 0, 0, 0.28);
  --menu-panel-text-color: rgba(245, 240, 232, 0.82);
  --menu-panel-option-hover-background: rgba(184, 134, 11, 0.12);

  --mobile-menu-border-color: rgba(184, 134, 11, 0.3);
  --mobile-menu-link-border-color: rgba(184, 134, 11, 0.15);

  --mobile-search-background: rgba(255, 255, 255, 0.08);
  --mobile-search-border-color: rgba(184, 134, 11, 0.3);
  --mobile-search-placeholder-color: rgba(245, 240, 232, 0.4);

  --overlay-input-background: rgba(245, 240, 232, 0.08);
  --overlay-input-placeholder-color: rgba(245, 240, 232, 0.4);

  --focus-ring-color: rgba(201, 150, 12, 0.2);

  --surface-hero-home-accent: var(--secondary-color-strong);
  --surface-hero-home-border: var(--primary-color);
  --surface-hero-home-foreground: var(--surface-primary-foreground-strong);
  --surface-hero-home-foreground-muted: rgba(245, 240, 232, 0.68);
  --surface-hero-home-foreground-strong: var(--background-color);

  --surface-hero-background: var(--primary-color);
  --surface-hero-border: var(--secondary-color);
  --surface-hero-accent: var(--secondary-color);
  --surface-hero-foreground: var(--text-color-inverse-muted);
  --surface-hero-foreground-muted: rgba(245, 240, 232, 0.55);
  --surface-hero-foreground-strong: var(--text-color-inverse);
  --surface-hero-foreground-mobile: rgba(245, 240, 232, 0.8);
  --surface-hero-foreground-muted-mobile: rgba(245, 240, 232, 0.6);
  --surface-hero-link: var(--text-color-inverse-muted);
  --surface-hero-link-mobile: rgba(245, 240, 232, 0.65);
  --surface-hero-link-active-background: rgba(201, 150, 12, 0.08);
  --surface-hero-watermark: rgba(201,150,12,0.05);

  --surface-primary-foreground: #eae2d4;
  --surface-primary-foreground-muted: #e6ddca;
  --surface-primary-foreground-strong: #c8b89a;
  --surface-primary-background: var(--primary-color);
  --surface-primary-background-muted: #2c4a6e;
  --surface-primary-background-alt: #243650;
  --surface-primary-border: var(--surface-primary-foreground-muted);
  --surface-primary-accent: var(--secondary-color);
  --surface-primary-link: var(--surface-primary-accent);
  --surface-primary-link-hover: var(--surface-primary-foreground-strong);

  --surface-secondary-foreground: var(--text-color);
  --surface-secondary-foreground-muted: var(--text-color-muted);
  --surface-secondary-foreground-strong: var(--text-color-strong);
  --surface-secondary-background: var(--background-color);
  --surface-secondary-background-muted: var(--background-color-muted);
  --surface-secondary-background-alt: #243650;
  --surface-secondary-border: var(--surface-secondary-foreground-muted);
  --surface-secondary-accent: var(--secondary-color);
  --surface-secondary-link: var(--surface-secondary-accent);
  --surface-secondary-link-hover: var(--surface-secondary-foreground-strong);

  --surface-tertiary-foreground: var(--text-color);
  --surface-tertiary-foreground-muted: #e6ddca;
  --surface-tertiary-foreground-strong: black;
  --surface-tertiary-background: #ede5d3;
  --surface-tertiary-background-muted: #2c4a6e;
  --surface-tertiary-background-alt: #243650;
  --surface-tertiary-border: var(--surface-tertiary-foreground-muted);
  --surface-tertiary-accent: var(--secondary-color);
  --surface-tertiary-link: var(--surface-tertiary-accent);
  --surface-tertiary-link-hover: var(--surface-tertiary-foreground-strong);

  --surface-quaternary-foreground: rgba(245, 240, 232, 0.7);
  --surface-quaternary-foreground-muted: #e6ddca;
  --surface-quaternary-foreground-strong: black;
  --surface-quaternary-background: #b8281c;
  --surface-quaternary-background-muted: #2c4a6e;
  --surface-quaternary-background-alt: #243650;
  --surface-quaternary-link: rgba(245, 240, 232, 0.7);
  --surface-quaternary-border: var(--surface-quaternary-foreground-muted);
  --surface-quaternary-accent: var(--secondary-color);
  --surface-quaternary-link-hover: var(--surface-quaternary-foreground-strong);

  --surface-quinary-foreground: #f5f0e8;
  --surface-quinary-link: #f5f0e8;
  --surface-quinary-foreground-muted: #e6ddca;
  --surface-quinary-foreground-strong: var(--secondary-color);
  --surface-quinary-background: #0d1829;
  --surface-quinary-background-muted: #2c4a6e;
  --surface-quinary-background-alt: #243650;
  --surface-quinary-border: var(--surface-quinary-foreground-muted);
  --surface-quinary-accent: var(--surface-quinary-foreground-strong);
  --surface-quinary-link-hover: var(--surface-quinary-foreground-strong);

  --surface-senary-foreground: #f5f0e8;
  --surface-senary-foreground-muted: #e6ddca;
  --surface-senary-foreground-strong: black;
  --surface-senary-background: rgb(0, 0, 46);
  --surface-senary-background-muted: #2c4a6e;
  --surface-senary-background-alt: #243650;
  --surface-senary-border: var(--surface-senary-foreground-muted);
  --surface-senary-accent: var(--secondary-color);
  --surface-senary-link: var(--surface-senary-accent);
  --surface-senary-link-hover: var(--surface-senary-foreground-strong);

  --surface-footer-background: #0f1520;
  --surface-footer-foreground: rgba(245, 240, 232, 0.5);
  --surface-footer-foreground-muted: rgba(245, 240, 232, 0.4);
  --surface-footer-foreground-strong: #f5f0e8;
  --surface-footer-border: rgba(184, 134, 11, 0.2);
  --surface-footer-link: rgba(245, 240, 232, 0.5);
  --surface-footer-link-hover: #f5f0e8;
  --surface-footer-accent: var(--secondary-color);

  --footer-background-color: #0f1520;
  --footer-color: rgba(245, 240, 232, 0.5);
  --footer-border-color: rgba(184, 134, 11, 0.2);
  --footer-link-color: rgba(245, 240, 232, 0.5);
  --footer-link-hover-color: var(--background-color);
  --footer-bottom-link-color: rgba(245, 240, 232, 0.4);

  --scrim-strong: rgba(8, 18, 32, 0.96);
  --scrim-medium: rgba(8, 18, 32, 0.88);
  --scrim-soft: rgba(8, 18, 32, 0.3);
  --scrim-faint: rgba(8, 18, 32, 0.2);
  --scrim-top-strong: rgba(8, 18, 32, 0.95);
  --scrim-top-medium: rgba(8, 18, 32, 0.35);

  --glass-panel-background: rgba(13, 24, 41, 0.9);
  --glass-panel-background-strong: rgba(13, 24, 41, 0.96);
  --glass-panel-background-soft: rgba(13, 24, 41, 0.85);
  --glass-panel-border: rgba(201, 150, 12, 0.2);
  --glass-panel-border-strong: rgba(201, 150, 12, 0.35);
  --glass-panel-text-strong: rgba(245, 240, 232, 0.9);
  --glass-panel-text-muted: rgba(245, 240, 232, 0.42);
  --glass-panel-text-faint: rgba(245, 240, 232, 0.28);
  --glass-panel-shadow: 0 8px 32px rgba(0, 0, 0, 0.24);

  --hero-map-min-height: 92vh;

  --type-personnage: var(--secondary-color);
  --type-evenement: var(--primary-color);
  --type-lieu: var(--surface-primary-background-muted);
  --type-adresse: var(--text-color-muted);
  --type-theme: #6b3a10;

  --badge-bg-personnage: rgba(201, 150, 12, 0.12);
  --badge-text-personnage: #6b5008;
  --badge-bg-evenement: rgba(184, 40, 28, 0.08);
  --badge-text-evenement: #7a1510;
  --badge-bg-lieu: rgba(44, 74, 110, 0.08);
  --badge-text-lieu: #1a2a42;
  --badge-bg-adresse: rgba(92, 82, 70, 0.08);
  --badge-text-adresse: var(--text-color-muted);
  --badge-bg-theme: rgba(107, 58, 16, 0.08);
  --badge-text-theme: var(--type-theme);

  --bib-type-guide-text: #8a6f08;
  --bib-type-revue-bg: rgba(107, 58, 16, 0.12);
  --bib-type-revue-text: #7a4a12;
  --bib-tag-bg: rgba(200, 184, 154, 0.25);
  --bib-tag-hover-bg: rgba(201, 150, 12, 0.15);
  --bib-tag-period-bg: rgba(26, 42, 66, 0.08);
  --bib-tag-period-hover-bg: rgba(26, 42, 66, 0.15);

  --tag-date-bg: rgba(107, 101, 96, 0.25);
  --tag-date-border: rgba(107, 101, 96, 0.4);
  --tag-date-text: rgba(245, 240, 232, 0.65);
  --tag-date-hover-bg: rgba(107, 101, 96, 0.4);

  --tag-arrond-bg: rgba(26, 61, 34, 0.4);
  --tag-arrond-border: rgba(26, 61, 34, 0.55);
  --tag-arrond-hover-bg: rgba(26, 61, 34, 0.6);

  --tag-arr-bg: rgba(160, 120, 20, 0.12);
  --tag-arr-text: #4a3a08;

  --tag-epoque-bg-strong: rgba(26, 42, 66, 0.45);
  --tag-epoque-border: rgba(26, 42, 66, 0.6);
  --tag-epoque-hover-bg: rgba(26, 42, 66, 0.65);
  --tag-epoque: #1a2a42;
  --tag-epoque-bg: rgba(26, 42, 66, 0.18);
  --tag-epoque-text: #0f1a2c;

  --tag-theme-bg-strong: rgba(107, 58, 16, 0.35);
  --tag-theme-border: rgba(107, 58, 16, 0.5);
  --tag-theme-hover-bg: rgba(107, 58, 16, 0.55);
  --tag-theme: #6b3a10;
  --tag-theme-bg: rgba(140, 40, 16, 0.12);
  --tag-theme-text: #6a1510;

  --tag-quartier-bg-strong: rgba(42, 94, 56, 0.3);
  --tag-quartier-border: rgba(42, 94, 56, 0.45);
  --tag-quartier-hover-bg: rgba(42, 94, 56, 0.5);
  --tag-quartier: #1a3d22;
  --tag-quartier-light: #2a5e38;
  --tag-quartier-bg: rgba(160, 120, 20, 0.07);
  --tag-quartier-text: #5a4a14;

  --tag-lieu-bg: rgba(58, 53, 48, 0.3);
  --tag-voie-bg:      rgba(92,82,70,0.22);
  --tag-lieu-border: rgba(58, 53, 48, 0.45);
  --tag-lieu-hover-bg: rgba(58, 53, 48, 0.5);
  --tag-lieu: #3a3530;

  --pin-residence: #b8281c;
  --pin-oeuvre: #c9960c;
  --pin-memoire: #4a7ab5;
  --pin-social: #2e7d52;

  --shadow-card-1: 0 4px 16px rgba(26, 42, 66, 0.1);
  --shadow-card-2: 0 6px 20px rgba(26, 42, 66, 0.1);
  --shadow-dropdown: 0 6px 20px rgba(26, 42, 66, 0.12);

  /* Card overlay tints — used in balades, POI, etc.
     Override per-theme to align with primary hue. */
  --overlay-card-strong: rgba(26, 42, 66, 0.92);
  --overlay-card-mid:    rgba(26, 42, 66, 0.5);
  --overlay-card-faint:  rgba(26, 42, 66, 0.15);
  --overlay-card-soft:   rgba(26, 42, 66, 0.3);
  --overlay-card-badge:  rgba(26, 42, 66, 0.85);

  /* Balade featured card — homepage & listing overlays */
  --balade-featured-gradient:  linear-gradient(160deg, #1a3a6e 0%, #0d1829 60%);
  --balade-overlay-strong:     rgba(6, 12, 24, 0.98);
  --balade-overlay-mid:        rgba(6, 12, 24, 0.7);
  --balade-overlay-faint:      rgba(6, 12, 24, 0.2);
  --balade-mini-bg:            rgba(255, 255, 255, 0.06);
  --balade-mini-border:        rgba(255, 255, 255, 0.14);
  --balade-mini-hover-bg:      rgba(201, 150, 12, 0.18);
  --balade-mini-border-hover:  rgba(201, 150, 12, 0.5);
  --balade-icon-bg:            rgba(13, 28, 52, 0.9);

}