/* =========================================================================
   darkmode.css — Dark-Mode-Overrides via [data-theme="dark"]
   Variante 2 "Raute"
   ========================================================================= */
[data-theme="dark"] {
  --bg:          #0c0e15;
  --surface:     #141823;
  --surface-2:   #1b2130;
  --ink:         #f3f5fa;
  --text:        #c0c6d4;
  --muted:       #888fa1;
  --line:        #232a39;
  --line-strong: #313a4d;

  --accent:        #5b86f0;
  --accent-hover:  #6f95f4;
  --accent-deep:   #2b4db0;
  --accent-ink:    #0a0d14;
  --accent-soft:   rgba(91,134,240,.15);
  --accent-ring:   rgba(91,134,240,.42);

  --shadow-sm: 0 1px 2px rgba(0,0,0,.45);
  --shadow-md: 0 18px 48px rgba(0,0,0,.55);
  --shadow-accent: 0 18px 44px rgba(0,0,0,.5);
}

[data-theme="dark"] .brand__img--light { display:none; }
[data-theme="dark"] .brand__img--dark  { display:inline-block; }
[data-theme="dark"] .icon--moon { display:none; }
[data-theme="dark"] .icon--sun  { display:block; }

[data-theme="dark"] .hero__bg { opacity:.4; }
[data-theme="dark"] .btn--invert { background:#0f1320; color:#cfe; }
[data-theme="dark"] .price--featured { color:#eef3ff; }
[data-theme="dark"] .cta-band { background:linear-gradient(135deg,#2350bd,#16235c); }
[data-theme="dark"] .project__mono { opacity:.75; }