:root {
  /* ═══ BASE COLORS — Neutral ═══ */
  --base-color-neutral--white: white;
  --base-color-neutral--black: black;
  --base-color-neutral--neutral-lightest: #f9f9f9;
  --base-color-neutral--neutral-lighter: #f6f5f5;
  --base-color-neutral--neutral-light: #eaeaea;
  --base-color-neutral--neutral: #dcdcdf;
  --base-color-neutral--neutral-dark: #c4c4c4;
  --base-color-neutral--neutral-darker: #6b6c6d;
  --base-color-neutral--neutral-darkest: #252525;

  /* ═══ BASE COLORS — Brand Beige ═══ */
  --base-color-brand--beige-100: #ede2d7;
  --base-color-brand--beige-200: #e7d3bf;
  --base-color-brand--beige-300: #d2b596;
  --base-color-brand--beige-400: #cca57c;
  --base-color-brand--beige-500: #c49867;
  --base-color-brand--beige-600: #be905c;
  --base-color-brand--beige-700: #af8251;
  --base-color-brand--beige-800: #8c663c;
  --base-color-brand--beige-900: #4f3416;

  /* ═══ BASE COLORS — Brand Teal ═══ */
  --base-color-brand--teal-100: #d4e6eb;
  --base-color-brand--teal-200: #b3cfd7;
  --base-color-brand--teal-300: #79a3ad;
  --base-color-brand--teal-400: #5b8a97;
  --base-color-brand--teal-500: #3b707e;
  --base-color-brand--teal-600: #1e4b57;
  --base-color-brand--teal-700: #10323b;
  --base-color-brand--teal-800: #051c20;

  /* ═══ BASE COLORS — Brand Blue ═══ */
  --base-color-brand--blue-100: #d9dee5;
  --base-color-brand--blue-200: #c5d5e8;
  --base-color-brand--blue-300: #b2cbec;
  --base-color-brand--blue-400: #8eaed6;
  --base-color-brand--blue-500: #6386b2;
  --base-color-brand--blue-600: #567aa6;
  --base-color-brand--blue-700: #3c597e;
  --base-color-brand--blue-800: #092245;

  /* ═══ BASE COLORS — Brand Brown ═══ */
  --base-color-brand--brown-100: #e6d3cf;
  --base-color-brand--brown-200: #af9f9c;
  --base-color-brand--brown-300: #ae9a95;
  --base-color-brand--brown-400: #95827d;
  --base-color-brand--brown-500: #806965;
  --base-color-brand--brown-600: #75635e;
  --base-color-brand--brown-700: #6c5751;
  --base-color-brand--brown-800: #4c312b;

  /* ═══ BASE COLORS — Brand Purple ═══ */
  --base-color-brand--purple-100: #efe5f9;
  --base-color-brand--purple-200: #e4d6ff;
  --base-color-brand--purple-300: #d9c5ff;
  --base-color-brand--purple-400: #c6a7fe;
  --base-color-brand--purple-500: #9f7be1;
  --base-color-brand--purple-600: #6745a4;
  --base-color-brand--purple-700: #371d68;
  --base-color-brand--purple-800: #1b0a39;

  /* ═══ BASE COLORS — Brand Misc ═══ */
  --base-color-brand--white: white;
  --base-color-brand--black: black;
  --base-color-brand--transparent: #fff0;

  /* ═══ BASE COLORS — System ═══ */
  --base-color-system--success-green: #027a48;
  --base-color-system--success-green-light: #ecfdf3;
  --base-color-system--error-red: #ce3a42;
  --base-color-system--error-red-light: #fef3f2;

  /* ═══ SEMANTIC — Background ═══ */
  --background-color--background-primary: var(--base-color-neutral--white);
  --background-color--background-secondary: var(--base-color-neutral--neutral-lightest);
  --background-color--background-tertiary: var(--base-color-neutral--neutral-light);
  --background-color--background-alternate: var(--base-color-neutral--black);
  --background-color--background-success: var(--base-color-system--success-green-light);
  --background-color--background-error: var(--base-color-system--error-red-light);

  /* ═══ SEMANTIC — Text ═══ */
  --text-color--text-primary: var(--base-color-neutral--black);
  --text-color--text-secondary: var(--base-color-neutral--neutral-darker);
  --text-color--text-alternate: var(--base-color-neutral--white);
  --text-color--text-success: var(--base-color-system--success-green);
  --text-color--text-error: var(--base-color-system--error-red);

  /* ═══ SEMANTIC — Links ═══ */
  --link-color--link-primary: var(--base-color-neutral--black);
  --link-color--link-secondary: var(--base-color-neutral--neutral-light);
  --link-color--link-alternate: var(--base-color-neutral--white);

  /* ═══ SEMANTIC — Borders ═══ */
  --border-color--border-primary: var(--base-color-neutral--black);
  --border-color--border-secondary: var(--base-color-neutral--neutral-lighter);
  --border-color--border-alternate: var(--base-color-neutral--white);

  /* ═══ BORDER RADIUS ═══ */
  --border-radius--xsmall: 2px;
  --border-radius--small: 0.5rem;
  --border-radius--medium: 0rem;
  --border-radius--regular: 1rem;
  --border-radius--large: 1.5rem;
  --border-radius--round: 999px;

  /* ═══ PADDING / SPACING ═══ */
  --border-radius--padding--global--regular: 5vw;
  --border-radius--padding--global--small: 1vw;
  --section-py: 64px;
  --section-gap: 36px;

  /* ═══ TYPOGRAPHIE ═══ */
  --font-display: 'ES Allianz', Arial, sans-serif;
  --font-body: 'ES Allianz', Arial, sans-serif;
  --font-mono: 'JetBrains Mono', monospace;
  --font-logo: 'DM Sans', sans-serif;

  /* ═══ AGATTA SPECIFIC — Hero voile ═══ */
  --hero-voile-dark: #5c4420;
  --hero-voile-mid: #b59474;
  --hero-voile-light: #C8A882;

  /* ═══ AGATTA SPECIFIC — Stats ═══ */
  --stat-accent: #20606f;
  --stat-accent-light: #3ba7c2;

  /* ═══ AGATTA SPECIFIC — Produits Bazalt ═══ */
  --bazalt-violet: #7C3AED;
  --bazalt-bleu: #3B82F6;

  /* ═══ AGATTA SPECIFIC — Pastels bento ═══ */
  --pastel-mauve: #DDD0E6;
  --pastel-bleu: #d4e6ea;
  --pastel-lavande: #f2e9ff;
  --pastel-ardoise: #D6DEDF;
  --pastel-acier: #c5d5e8;
  --pastel-sand: #f4dcc6;

  /* ═══ AGATTA SPECIFIC — Social ═══ */
  --linkedin: #0A66C2;
  --linkedin-dark: #084D93;

  /* ═══ OMBRES ═══ */
  --shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.03);
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.04);
  --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.06);
  --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.08);
  --shadow-xl: 0 24px 48px rgba(0, 0, 0, 0.06);
  --shadow-accent: 0 0 20px rgba(184, 150, 90, 0.25), 0 0 8px rgba(184, 150, 90, 0.35);
}

@media (min-width: 768px) {
  :root {
    --section-py: 88px;
    --section-gap: 48px;
  }
}

@media (min-width: 1024px) {
  :root {
    --section-py: 112px;
    --section-gap: 56px;
  }
}