:root {
    --color-primary: #7c3aed;
    --color-accent: #f59e0b;
    --font-body: 'Poppins', system-ui, sans-serif;
    --font-heading: 'Playfair Display', system-ui, sans-serif;
    --hero-background: var(--color-primary);
  }

  @keyframes sunPulse {
    0%,100% { box-shadow: 0 0 0 15px rgba(255,215,0,0.15), 0 0 0 32px rgba(255,215,0,0.07), 0 0 60px rgba(255,165,0,0.5); }
    50%      { box-shadow: 0 0 0 22px rgba(255,215,0,0.22), 0 0 0 48px rgba(255,215,0,0.10), 0 0 90px rgba(255,165,0,0.75); }
  }
  header { background: linear-gradient(160deg, #0284c7 0%, #38bdf8 35%, #7dd3fc 65%, #fed7aa 88%, #fef3c7 100%) !important; }
  .site-header-inner { overflow: hidden; }
  .site-header-inner > * { position: relative; z-index: 1; }
  header h1, header p, header h2, .browse-all-link { text-shadow: 0 1px 5px rgba(0,0,0,0.35); }
  .sun-el {
    position: absolute; top: -18px; right: 9%; z-index: 0; pointer-events: none;
    width: 88px; height: 88px; border-radius: 50%;
    background: radial-gradient(circle at 38% 38%, #fffde7, #ffd700 45%, #ff8c00 100%);
    box-shadow: 0 0 0 15px rgba(255,215,0,0.15), 0 0 0 32px rgba(255,215,0,0.07), 0 0 60px rgba(255,165,0,0.5);
    animation: sunPulse 4s ease-in-out infinite;
  }
  .sun-fade { position: absolute; bottom: 0; left: 0; right: 0; height: 80px; background: linear-gradient(to bottom, transparent, #fafafa); pointer-events: none; z-index: 2; }