/* Blue-first inversion of the French color-block study. No layout or geometry changes. */
.site-header, .opening-composition { background: var(--blue); color: var(--paper); }
.brand, h1, .hero-introduction, .continue-link { color: var(--paper); }
h1 span { color: var(--mustard); }
.skip-link { background: var(--paper); color: var(--blue); }
.ai-focus::before {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 800 12' preserveAspectRatio='none'%3E%3Cpath d='M0 6C160 -4 240 16 400 6S640 -4 800 6' fill='none' stroke='%23D1AD3D' stroke-width='1.6'/%3E%3C/svg%3E") center / 100% 100% no-repeat;
}
.selected-work {
  background: var(--paper);
  color: var(--ink);
  --rule: color-mix(in srgb, var(--ink) 22%, var(--paper));
}
/* Warm-white strands replace blue against blue; red and mustard retain the core palette. */
.composition-art { --strand-blue: var(--paper); --strand-edge: var(--blue); }
.work-ribbons, .about-ribbons {
  --strand-blue: var(--blue);
  --strand-mustard: var(--mustard);
  --strand-red: var(--red);
  --strand-edge: var(--paper);
}
.contact-ribbons {
  --strand-blue: var(--blue);
  --strand-mustard: var(--paper);
  --strand-red: var(--red);
  --strand-edge: var(--mustard);
}
@media (forced-colors: active) {
  .site-header, .opening-composition, .hero-introduction, .selected-work { background: Canvas; color: CanvasText; }
  h1, h1 span { color: CanvasText; }
  .brand, .continue-link { color: LinkText; }
  .skip-link { background: Canvas; color: LinkText; }
}
@media print {
  .site-header, .opening-composition, .hero-introduction, .selected-work { background: white; color: var(--ink); }
  .brand, h1, h1 span, .continue-link { color: var(--ink); }
}