/* Cyprus Plan — cinematic theme (white ground, video hero). Load after the Modernist styles.css. */
:root {
  --color-bg: #ffffff;
  --color-surface: #f3f2f2;
  --color-text: #201e1d;
  --color-accent: #1552b8;
  --color-divider: color-mix(in srgb, #201e1d 40%, transparent);

  /* Cinematic extras */
  --cine-deep: #1a1c20;            /* hero ground behind the video while it loads */
  --cine-on-media: #ffffff;        /* type over video */
  --cine-on-media-muted: #eae7e7;
  --cine-accent-on-media: #a7c6f2; /* "Now what?" over video */
  --cine-scrim: linear-gradient(180deg, rgba(26,28,32,.35) 0%, rgba(26,28,32,.05) 40%, rgba(26,28,32,.75) 100%);
  --cine-cta-glow: color-mix(in srgb, #1552b8 55%, transparent);
  --cine-ease: cubic-bezier(.2,.7,.2,1);
}
body { background: var(--color-bg); color: var(--color-text); }

@keyframes cineSweep { 0% { transform: translateX(-120%) } 45%,100% { transform: translateX(320%) } }
@keyframes cinePulse { 0% { box-shadow: 0 0 0 0 var(--cine-cta-glow) } 70%,100% { box-shadow: 0 0 0 14px transparent } }
@keyframes cineArrow { 0%,100% { transform: translateX(0) } 50% { transform: translateX(5px) } }
@keyframes cineFade { from { opacity: 0 } to { opacity: 1 } }
@media (prefers-reduced-motion: reduce) { * { animation: none !important; transition: none !important; } }