/* Theme 4: Sunset — white + Apple font, warm coral/amber/pink accent family. */

body[data-theme="4"] {
  --bg-primary:        #FFFFFF;
  --bg-secondary:      #F5F5F7;
  --bg-card:           #FFFFFF;
  --bg-card-hover:     #F5F5F7;

  --border:            rgba(0,0,0,0.10);
  --border-hover:      rgba(0,0,0,0.18);

  --text-primary:      #1D1D1F;
  --text-secondary:    #6E6E73;
  --text-muted:        #86868B;

  --accent-blue:       #FF6F61;
  --accent-blue-rgb:   255,111,97;
  --accent-purple:     #FF375F;
  --accent-purple-rgb: 255,55,95;
  --accent-cyan:       #FFB340;
  --accent-cyan-rgb:   255,179,64;
  --accent-pink:       #FF6482;
  --accent-pink-rgb:   255,100,130;
  --accent-green:      #FF9F0A;
  --accent-green-rgb:  255,159,10;

  --gradient-main:     linear-gradient(135deg, #FF6F61, #FF375F, #FFB340);
  --gradient-subtle:   linear-gradient(135deg, rgba(255,111,97,0.12), rgba(255,179,64,0.12));
  --gradient-glow:     radial-gradient(600px circle at var(--mouse-x,50%) var(--mouse-y,50%), rgba(255,111,97,0.05), transparent 40%);

  --font-main:         -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  --font-display:      -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  --font-mono:         ui-monospace, SFMono-Regular, 'SF Mono', Menlo, monospace;
  --grain-opacity:     0;

  --logo-box-bg:       linear-gradient(135deg, #FF6F61, #FFB340);
  --cta-bg:            #FF6F61;
  --cta-text:          #FFFFFF;

  --shadow-soft:       0 16px 40px rgba(0,0,0,0.10);
  --nav-bg:            rgba(255,255,255,0.85);
  --grid-line:         rgba(0,0,0,0.04);

  --orb-1:             rgba(255,111,97,0.14);
  --orb-2:             rgba(255,179,64,0.12);
  --orb-3:             rgba(255,100,130,0.10);
}

body[data-theme="4"] .section-title { letter-spacing: -0.02em; }
body[data-theme="4"] .hero-title { letter-spacing: -0.03em; }