:where(.plus-app-2025-10-aamu_iltavirkku) {
  /* Base colors */
  --plus-foreground: #f8f9fa;
  --plus-background: #0a0b0c;

  /* Card backgrounds */
  --plus-card-bg: #1a1c1e;

  /* Gray scale - inverted for dark mode */
  --plus-gray-5: #2a2d30;
  --plus-gray-20: #3a3d40;
  --plus-gray-30: #4a4d50;
  --plus-gray-60: #9ca3af;
  --plus-gray-70: #d1d5db;
  --plus-gray-90: #f3f4f6;

  /* Brand colors - from YDS theme dark */
  --plus-brand: #00b4c8; /* yds-color-brand-yle (same in both themes!) */
  --plus-brand-hover: #29ccde; /* yds-color-feedback-highlight dark */
  --plus-action-primary: #f8f9fa; /* yds-color-action-primary dark */
  --plus-action-secondary: rgba(
    255,
    255,
    255,
    0.08
  ); /* yds-color-action-secondary dark */

  /* Result type colors - adjusted for dark mode */
  --plus-turquoise-40: #7ae5dd;
  --plus-turquoise-50: #33d9cf;
  --plus-turquoise-60: #00d4c8;
  --plus-turquoise-70: #00bfb3;

  --plus-yellow-40: #ffeeaa;
  --plus-yellow-50: #ffe077;

  --plus-orange-50: #ffcc80;
  --plus-orange-60: #ffb366;
  --plus-orange-70: #ff9933;

  --plus-purple-60: #b84dd6;
  --plus-purple-80: #9436b5;

  --plus-blue-40: #80c4ff;
  --plus-blue-60: #3399ff;

  /* Specific gradients for results - brighter for dark mode */
  --plus-gradient-turquoise: linear-gradient(
    to right,
    #7ae5dd,
    #80c4ff,
    #00d4c8
  );
  --plus-gradient-orange: linear-gradient(to right, #ffeeaa, #ffcc80, #ffb366);
  --plus-gradient-purple: linear-gradient(to right, #b84dd6, #3399ff, #9436b5);

  /* Progress gauge gradient - slightly brighter */
  --plus-gauge-gradient: linear-gradient(
    to right,
    #ffe799 0%,
    #ffb366 50%,
    #b84dd6 100%
  );

  /* Gauge label colors (brighter for dark mode) */
  --plus-gauge-label-start: #ffe799;
  --plus-gauge-label-middle: #ffb366;
  --plus-gauge-label-end: #b84dd6;

  /* Triangle indicator color - light for dark mode */
  --plus-indicator-color: #f3f4f6;

  /* Shadows - more subtle for dark mode */
  --plus-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
  --plus-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.4);
  --plus-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.5);
  --plus-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.5);
  --plus-shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, 0.6);
}