/* Page-specific styles — Beaux-Arts @ Le Braz. Everything this page uses
   lives in /shared/css/layout.css and base.css (shared with the three
   course pages). Only the accent palette is specific here: one tone per
   course (gold = dessin, blue = aquarelle, coral = dessin enfants). */

:root {
  --accent-1: #e0b45c;
  --accent-2: #7aa7d9;
  --accent-3: #ff7a59;
  --accent-4: #8fbf9f;
  --scribble-color: var(--accent-1);

  --radius-xl: 28px;
  --radius-btn-sm: var(--radius-full);
  --radius-btn-md: var(--radius-full);
  --radius-btn-lg: var(--radius-full);
}

.hero-split .artwork-collage::before {
  content: '';
  position: absolute;
  inset: -12%;
  z-index: -1;
  background:
    radial-gradient(38% 34% at 28% 30%, color-mix(in srgb, var(--accent-2) 22%, transparent), transparent 70%),
    radial-gradient(34% 30% at 74% 46%, color-mix(in srgb, var(--accent-3) 18%, transparent), transparent 70%),
    radial-gradient(36% 32% at 44% 78%, color-mix(in srgb, var(--accent-1) 18%, transparent), transparent 70%);
  filter: blur(24px);
  pointer-events: none;
}