/* Optional red palette. Blue remains in site.css and neon in theme-neon.css. */
:root {
  --paper: #f3e7e7;
  --paper-soft: #fcf3f3;
  --paper-line: #d8afb4;
  --black: #110b0e;
  --panel: #211418;
  --line: #3a252a;
  --accent: #a61125;
  --accent-on-dark: #ff7d89;
  --red: #de1c32;
  --red-hover: #b91328;
}

.brand > svg, .brand-dot { color: var(--red); }
.eyebrow .dot { background: var(--red); }
.dark .eyebrow .dot { background: var(--accent-on-dark); }

.hero, .photography, .gear, .instagram {
  background:
    radial-gradient(ellipse at var(--section-light, 83% 48%), #ff536b4d, transparent 56%),
    linear-gradient(var(--section-gradient-angle, 125deg), #fcf4f3, #efd8da);
}

.dark {
  --muted: #ded0d3;
  background:
    radial-gradient(ellipse at var(--section-light, 84% 35%), #4c212b, transparent 68%),
    linear-gradient(130deg, #21141a, var(--black) 72%);
}

.primary, .contact .primary, .photo-filters button[aria-pressed="true"] {
  background: var(--red);
  border-color: var(--red);
  color: white;
}

.primary:hover, .contact .primary:hover { background: var(--red-hover); border-color: var(--red-hover); }
.hero-actions .outline { border-color: #c68f99; color: #781626; box-shadow: 0 3px 10px #5a182414; }
.frame { box-shadow: 0 19px 45px #5a18244d; }
.work { border-top-color: var(--red); }
.film:hover, .dark .outline { border-color: #a66b75; }
.photo-viewer-bar button:hover, .photo-stage button:hover, #close-player:hover { background: #49252d; }
.timeline-video { border-color: #ad6d78; }
.track-clips i { background: #733743; border-color: #ba7282; }
.track-clips i:nth-child(2) { background: #854d39; border-color: #c88b72; }
.track-clips i:nth-child(3) { background: #64334f; border-color: #a96390; }
.gear-note, .gear-card p { color: #59383e; }
.about-copy p, .about-highlights span, .contact-row p { color: var(--muted); }
.about-highlights div { background: #331c23; border-color: #5f3540; }
.footer-line, dialog { border-color: #5f3540; }