:root {
  --cv3-font: 'DM Sans', system-ui, sans-serif;
  --cv3-display: 'Fraunces', Georgia, serif;

  --cv3-blue: #1a3c91;
  --cv3-blue-dark: #142d6e;
  --cv3-blue-light: #5b7fd6;
  --cv3-gold: #c9a227;
  --cv3-gold-light: #dfc06a;
  --cv3-gold-dark: #9a7b1c;

  /* Fond plus clair — slate bleu professionnel */
  --cv3-bg: #1c2640;
  --cv3-bg-elevated: #243152;
  --cv3-surface: #2a3658;
  --cv3-surface-raised: #313f66;
  --cv3-surface-hover: #3a4a75;

  --cv3-text: #f6f8fc;
  --cv3-text-secondary: #c8d2e6;
  --cv3-text-muted: #94a3c4;

  --cv3-error: #f5a8a8;

  --cv3-border: rgba(255, 255, 255, 0.11);
  --cv3-border-strong: rgba(201, 162, 39, 0.45);

  --cv3-radius: 14px;
  --cv3-radius-sm: 10px;
  --cv3-radius-lg: 20px;
  --cv3-shadow: 0 4px 20px rgba(12, 18, 36, 0.22);
  --cv3-shadow-lg: 0 12px 40px rgba(12, 18, 36, 0.28);
  --cv3-max: 1320px;

  color-scheme: dark;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
  background: var(--cv3-bg);
}

body {
  margin: 0;
  font-family: var(--cv3-font);
  font-size: 1rem;
  background:
    radial-gradient(ellipse 100% 70% at 50% -15%, rgba(91, 127, 214, 0.18), transparent 55%),
    radial-gradient(ellipse 60% 45% at 100% 0%, rgba(201, 162, 39, 0.07), transparent 45%),
    radial-gradient(ellipse 50% 40% at 0% 100%, rgba(26, 60, 145, 0.1), transparent 50%),
    linear-gradient(168deg, #243352 0%, #1c2640 42%, #182238 100%);
  background-attachment: fixed;
  color: var(--cv3-text);
  line-height: 1.6;
  min-height: 100vh;
  -webkit-font-smoothing: antialiased;
}

body > *:not(.media-modal) {
  position: relative;
  z-index: 1;
}

img {
  max-width: 100%;
  display: block;
}

button {
  font-family: inherit;
  color: inherit;
  cursor: pointer;
}

a {
  color: var(--cv3-gold-light);
}

a:hover {
  color: #fff;
}