/* Theme 3: Ocean — white + Apple font, cool blue/teal/indigo accent family. */

body[data-theme="3"] {
  --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:       #007AFF;
  --accent-blue-rgb:   0,122,255;
  --accent-purple:     #5856D6;
  --accent-purple-rgb: 88,86,214;
  --accent-cyan:       #32ADE6;
  --accent-cyan-rgb:   50,173,230;
  --accent-pink:       #5AC8FA;
  --accent-pink-rgb:   90,200,250;
  --accent-green:      #00C7BE;
  --accent-green-rgb:  0,199,190;

  --gradient-main:     linear-gradient(135deg, #007AFF, #5AC8FA, #00C7BE);
  --gradient-subtle:   linear-gradient(135deg, rgba(0,122,255,0.12), rgba(0,199,190,0.12));
  --gradient-glow:     radial-gradient(600px circle at var(--mouse-x,50%) var(--mouse-y,50%), rgba(0,122,255,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, #007AFF, #00C7BE);
  --cta-bg:            #007AFF;
  --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(0,122,255,0.14);
  --orb-2:             rgba(50,173,230,0.12);
  --orb-3:             rgba(0,199,190,0.10);
}

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