@charset "UTF-8";

/*
 * Trouver des mécènes — direction artistique luxe 2026
 * Source de vérité visuelle partagée par le site public, l’espace membre
 * et l’administration. Les valeurs reprennent le cahier webdesign du
 * 13 juillet 2026.
 */

@font-face {
  font-family: "Cormorant Garamond";
  font-style: normal;
  font-weight: 300 700;
  font-display: swap;
  src: url("../fonts/cormorant-garamond-latin-variable.woff2") format("woff2");
}

@font-face {
  font-family: "Cormorant Garamond";
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url("../fonts/cormorant-garamond-latin-italic.woff2") format("woff2");
}

@font-face {
  font-family: "Karla";
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url("../fonts/karla-latin-variable.woff2") format("woff2");
}

@font-face {
  font-family: "Karla";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/karla-latin-italic.woff2") format("woff2");
}

:root {
  --color-navy-950: #0f1b2d;
  --color-navy-900: #0f1b2d;
  --color-navy-800: #1d304a;
  --color-navy-700: #294466;
  --color-gold-700: #8f6b2d;
  --color-gold-600: #b38a3d;
  --color-gold-500: #b38a3d;
  --color-gold-300: #d8c48e;
  --color-gold-100: #eee4c9;
  --color-ivory: #f7f3eb;
  --color-sand: #fcfaf5;
  --color-white: #ffffff;
  --color-ink: #202633;
  --color-muted: #6e7480;
  --color-line: #d8c48e;
  --color-success: #2e6b4f;
  --color-success-soft: #e4efe9;
  --color-warning: #8f6b2d;
  --color-warning-soft: #f4ecd9;
  --color-danger: #9b3c3c;
  --color-danger-soft: #f7e4e1;

  --brand-night: #0f1b2d;
  --brand-ink-blue: #1d304a;
  --brand-aged-gold: #b38a3d;
  --brand-editorial-gold: #d8c48e;
  --brand-paper: #f7f3eb;
  --brand-chalk: #fcfaf5;
  --brand-stone: #6e7480;
  --color-muted-aa: #5d6470;
  --brand-green: #2e6b4f;
  --brand-charcoal: #202633;

  --font-display: "Cormorant Garamond", "Iowan Old Style", "Baskerville", Georgia, Cambria, "Times New Roman", serif;
  --font-body: Karla, Manrope, "Avenir Next", "Segoe UI", Helvetica, Arial, sans-serif;
  --font-interface: Karla, Manrope, "Avenir Next", "Segoe UI", Helvetica, Arial, sans-serif;

  --step--1: clamp(.8rem, .77rem + .1vw, .88rem);
  --step-0: clamp(1.03rem, .98rem + .2vw, 1.16rem);
  --step-1: clamp(1.22rem, 1.12rem + .38vw, 1.48rem);
  --step-2: clamp(1.55rem, 1.34rem + .72vw, 2.05rem);
  --step-3: clamp(2rem, 1.65rem + 1.2vw, 2.85rem);
  --step-4: clamp(2.55rem, 2rem + 1.9vw, 3.9rem);
  --step-5: clamp(3rem, 2.16rem + 3.35vw, 5.25rem);

  --space-1: .375rem;
  --space-2: .625rem;
  --space-3: .9375rem;
  --space-4: 1.25rem;
  --space-5: 1.875rem;
  --space-6: 2.75rem;
  --space-7: 4rem;
  --space-8: 5.75rem;
  --space-9: 8rem;

  --radius-sm: .35rem;
  --radius-md: .65rem;
  --radius-lg: 1rem;
  --radius-xl: 1.5rem;
  --shadow-sm: 0 1px 0 rgba(15, 27, 45, .08), 0 8px 24px rgba(15, 27, 45, .05);
  --shadow-md: 0 18px 44px rgba(15, 27, 45, .11);
  --shadow-lg: 0 30px 80px rgba(15, 27, 45, .18);

  --container: 77.5rem;
  --container-narrow: 50rem;
  --header-height: 5.5rem;
  --content-measure: 45rem;
  --transition: 180ms ease;
  --breakpoint-tablet: 56.25rem;
  --breakpoint-desktop: 75rem;
}