:root {
  --bg: #ffffff;
  --text: #111111;
  --labletext: #aaa;
  --card: #f4f4f4;
  --button-calendar: #c9c9c9;
  --button-calendar-hover: #6a6a6a;
  --button-color: #e5e7eb;
  --accent: #2a78ff;
  --accent-1: #1a5edb;
  --accent-0: #e0f0ff;
  --accent2: #ff790a;
  --boxshadow: rgba(0, 0, 0, 0.12);
  --modern-card-profile: #e8f0ff;
  --profile-border: #c3d4f7;
  --input: #f5f5f5;

    --page-bg: #ffffff;
    --black-block: rgba(0, 0, 0, 0.5);
    --exit: #ff4c4c;
    --exit-hover: #d94141;
    --success: #22c55e;
    --error: #ef4444;
    --accent: #2a78ff;
    --accent-1: #1a5edb;
    --accent-5: #0f306f;
    --accent-2: #3a7afe;
    --accent-0: #e0f0ff;
    --accent2: #ff790a;
    --white: #ffffff;
    --black: #000000;

    --input-bg: #ffffff;
    --input-border: #d0d7e2;
    --input-text: #333;
    --search-bg: #e9f2ff;
    --search-input-text: #050505;
    /* Calendar */
    --calendar-popup-button-background: white;
    --calendar-popup-button-boxshadow: rgba(0, 0, 0, 0.12);
    --calendar-card: #e9f2ff;
    --calendar-card-text: #111111;
    --calendar-header-button-background: #333;
    --calendar-header-button-background-hover: #444;
    --calendar-header-button-color: #fff;
    --calendar-weekdays-text: #aaa;
    --calendar-days-text: #c9c9c9;
    --calendar-days-text-hover: #444;
    --calendar-close-button-color: #111111;
    /* End Calendar */

    /* Events */
    --event-card-modern: #e9f2ff;
    --event-card-modern-text: #333;
    --event-card-modern-label: #aaa;

    --surface-bg: #f5f7fb;
    --surface-border: #ccd3e0;
    --surface-bg-text: #333;

    --text-muted: #666;

    --radius-sm: 4px;
    /* End Events */

    /* Footer */
    --footer-bg: #ffffff;
    --footer-shadow-color: rgba(0, 0, 0, 0.1);
    /* End Footer */

    /* Header */
    --category-bar-bg: #ffffff;
    --category-button-text: #333;
    --category-button-hover-bg: #e0e0e0;
    --category-button-active-bg: #e0f0ff;
    --category-button-active-text: #007bff;
    --arrow-btn-hover-bg: #eee;
    --date-item-hover-bg: #f0f0f0;
    --month-label-text: #999;
    --calendar-icon-bg: #e9f2ff;
    --date-item-color: #333;
    --category-bg: #ffffff;
    --category-text: #111827;
    /* End Header */

    /* Profile */
    --page-title-text: #111;
    --profile-section-bg: #f2f6ff;
    --profile-section-shadow: rgba(0, 0, 0, 0.05);
    --user-info-strong-text: #000;
    --setting-btn-bg: #e8f0ff;
    --setting-btn-text: #3a7afe;
    --setting-btn-border: #c3d4f7;
    --toggle-label-text: #333;
    --stat-item-bg: #ffffff;
    --stat-item-shadow: rgba(0, 0, 0, 0.08);
    --stat-item-text: #444;
    --stat-item-value: #000;

    --logout-btn-bg: #ff4c4c;
    --logout-btn-bg-hover: #d94141;

    --delete-btn-bg: #f97316;

    --feedback-bg: #f9fbff;
    --feedback-border: #e3e8f0;
    --feedback-shadow: rgba(0, 0, 0, 0.05);

    --feedback-title-text: #1f2937;
    --feedback-title-border: #e5e7eb;

    --feedback-btn-bg: #e0ecff;
    --feedback-btn-bg-hover: #d0e3ff;
    --feedback-btn-text: #1d4ed8;

    --profile-photo-border: #3a7afe;
    --profile-photo-bg: #000;
    --profile-photo-shadow: rgba(0, 0, 0, 0.3);
    --upload-photo-btn-bg: #3a7afe;
    --upload-photo-btn-text: #ffffff;
    --upload-photo-btn-shadow: rgba(0, 0, 0, 0.4);

    --modal-overlay-bg: rgba(33, 37, 41, 0.3);
    --modal-content-bg: #ffffff;
    --modal-content-text: #212529;
    --modal-content-shadow: rgba(0, 0, 0, 0.1);

    --close-button-color: #999;
    --modal-label-text: #333;

    --modal-input-border: #ccc;
    --modal-input-bg: #f8f9fa;
    --modal-input-text: #212529;

    --feedback-textarea-border: #4b5563;
    --feedback-textarea-bg: #f2f6ff;
    --feedback-textarea-text: #f9fafb;

    --feedback-textarea-focus-border: #3b82f6;
    --feedback-textarea-focus-shadow: rgba(59, 130, 246, 0.25);
    --feedback-textarea-focus-bg: #929292;
    --feedback-textarea-focus-text: #ffffff;
    /* End Profile */

    /* Login */
    --login-bg: #ffffff;
    --login-shadow: rgba(0, 0, 0, 0.08);
    --form-label-text: #555;
    --form-input-border: #ccc;
    --form-input-bg: #ffffff;
    --form-input-text: #333;
    --auth-link-text: #666;
    /* End Login */

    /* Registration */
    --registration-bg: #ffffff;
    --registration-shadow: rgba(0, 0, 0, 0.08);
    --registration-scrollbar-track-bg: #ffffff;
    --form-label-text: #555;
    --form-input-border: #ccc;
    --form-input-bg: #ffffff;
    --form-input-text: #333;
    --radio-border: #ccc;
    --radio-bg: #ffffff;
    /* End Registration */

    /*eventdetail*/
    --info-box-bg: #f7f7f7;
    --tag-bg: #eee;
    --leaflet-links-bg: #ffffff;
    --leaflet-links-shadow: rgba(0, 0, 0, 0.2);
    --leaflet-links-text: #000000;
    --like-btn-bg: #888888;
    /*End eventdetail*/


    --radio-bg: #ffffff;
    --radio-surface: #ffffff;
    --radio-surface-2: #f2f6ff;
    --radio-text: #111111;
    --radio-muted: #667085;
    --radio-border: rgba(0, 0, 0, 0.12);
    --radio-shadow-sm: 0 6px 18px rgba(0, 0, 0, 0.08);

    --radio-accent: #3a7afe;
    --radio-accent-weak: rgba(58, 122, 254, 0.18);




    
    --bg0:#0b1220;
    --bg1:#0a0f1a;
    --card:#111b2e;
    --card2:#0f172a;
    --stroke:rgba(255,255,255,.08);
    --muted:rgba(255,255,255,.65);
    --muted2:rgba(255,255,255,.45);
    --blue:#3b82f6;
    --blue2:#60a5fa;
    --chip:rgba(59,130,246,.18);
    --shadow: 0 18px 55px rgba(0,0,0,.45);
    --radius: 18px;
    --radius2: 24px;
    --max: 1160px;

    --bg-organizer: linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.92),
      rgba(241, 245, 249, 0.85)
    );

    --bg-socset: #5f5f5f;
}

[data-theme="dark"] {
  --bg: #0f172a;
  --text: #e5e7eb;
  --labletext: #7b7b7b;
  --card: #1e1e1e;
  --button-calendar: #333;
  --button-calendar-hover: #1f1f1f;
  --button-color: #e5e7eb;

  --modern-card-profile: #e8f0ff;
  --input: #121212;

    --page-bg: #0f1115;
    --black-block: rgba(0, 0, 0, 0.5);
    --exit: #ff4c4c;
    --exit-hover: #d94141;
    --success: #22c55e;
    --error: #ef4444;
    --accent: #2a78ff;
    --accent-1: #1a5edb;
    --accent-2: #3a7afe;
    --accent-5: #0f306f;
    --accent-0: #e0f0ff;
    --accent2: #ff790a;
    --white: #ffffff;
    --black: #000000;

    --input-bg: #1e1e1e;
    --input-border: #2f2f2f;
    --input-text: #e6e6e6;
    --search-bg: #1e2a3a;
    --search-input-text: #e6e6e6;

  /* Calendar */
    --calendar-popup-button-background: #1e1e1e;
    --calendar-popup-button-boxshadow: rgba(0, 0, 0, 0.6);
    --calendar-card: #160d00;
    --calendar-card-text: #fff;
    --calendar-header-button-background: #333;
    --calendar-header-button-background-hover: #444;
    --calendar-header-button-color: #fff;
    --calendar-weekdays-text: #111111;
    --calendar-days-text: #2b2b2b;
    --calendar-days-text-hover: #6a6a6a;
    --calendar-close-button-color: #fff;
  /* End Calendar */

  /* Events */
    --event-card-modern: #1e2a3a;
    --event-card-modern-text: #e6e6e6;
    --event-card-modern-label: #aaa;

    --surface-bg: #121212;
    --surface-border: #2f2f2f;
    --surface-bg-text: #fff;

    --text-muted: #9a9a9a;
  /* End Events */

    /* Footer */
    --footer-bg: #121212;
    --footer-shadow-color: rgba(0, 0, 0, 0.6);
    /* End Footer */

    /* Header */
    --category-bar-bg: #121212;
    --category-button-text: #333;
    --category-button-hover-bg: #2a2a2a;
    --category-button-active-bg: #1f3a52;
    --category-button-active-text: #5aa2ff;
    --arrow-btn-hover-bg: #2a2a2a;
    --date-item-hover-bg: #2a2a2a;
    --month-label-text: #8a8a8a;
    --calendar-icon-bg: #1e2a3a;
    --date-item-color: #e6e6e6;
    --category-bg: #161a22;
    --category-text: #e5e7eb;
    /* End Header */

    /* Profile */
    --page-title-text: #f0f0f0;
    --profile-section-bg: #162033;
    --profile-section-shadow: rgba(0, 0, 0, 0.6);
    --user-info-strong-text: #ffffff;
    --setting-btn-bg: #1e2a3a;
    --setting-btn-text: #5aa2ff;
    --setting-btn-border: #2f4566;
    --toggle-label-text: #e6e6e6;
    --stat-item-bg: #161a22;
    --stat-item-shadow: rgba(0, 0, 0, 0.6);
    --stat-item-text: #bdbdbd;
    --stat-item-value: #ffffff;

    --logout-btn-bg: #e04343;
    --logout-btn-bg-hover: #c53838;

    --delete-btn-bg: #d65f0f;

    --feedback-bg: #141a2a;
    --feedback-border: #27304a;
    --feedback-shadow: rgba(0, 0, 0, 0.6);

    --feedback-title-text: #e6e6e6;
    --feedback-title-border: #2f3545;

    --feedback-btn-bg: #1e2a3a;
    --feedback-btn-bg-hover: #26364a;
    --feedback-btn-text: #5aa2ff;
    --profile-photo-border: #5aa2ff;
    --profile-photo-bg: #000; /* fallback оставляем чёрным */
    --profile-photo-shadow: rgba(0, 0, 0, 0.6);
    --upload-photo-btn-bg: #5aa2ff;
    --upload-photo-btn-text: #ffffff;
    --upload-photo-btn-shadow: rgba(0, 0, 0, 0.7);

    --modal-overlay-bg: rgba(0, 0, 0, 0.6);
    --modal-content-bg: #161a22;
    --modal-content-text: #e6e6e6;
    --modal-content-shadow: rgba(0, 0, 0, 0.6);

    --close-button-color: #8a8a8a;
    --modal-label-text: #e6e6e6;

    --modal-input-border: #2f3545;
    --modal-input-bg: #1e2430;
    --modal-input-text: #e6e6e6;

    --feedback-textarea-border: #2f3545;
    --feedback-textarea-bg: #1e2430;
    --feedback-textarea-text: #e6e6e6;

    --feedback-textarea-focus-border: #5aa2ff;
    --feedback-textarea-focus-shadow: rgba(90, 162, 255, 0.35);
    --feedback-textarea-focus-bg: #2a2f3a;
    --feedback-textarea-focus-text: #ffffff;
    /* End Profile */

    /* Login */
    --login-bg: #161a22;
    --login-shadow: rgba(0, 0, 0, 0.6);
    --form-label-text: #bdbdbd;
    --form-input-border: #2f3545;
    --form-input-bg: #1e2430;
    --form-input-text: #e6e6e6;
    --auth-link-text: #9a9a9a;
    /* End Login */

    /* Registration */
    --registration-bg: #161a22;
    --registration-shadow: rgba(0, 0, 0, 0.6);
    --registration-scrollbar-track-bg: #161a22;
    --form-label-text: #bdbdbd;
    --form-input-border: #2f3545;
    --form-input-bg: #1e2430;
    --form-input-text: #e6e6e6;
    --radio-border: #374151;
    --radio-bg: #1e2430;
    /* End Registration */

    /*eventdetail*/
    --info-box-bg: #1a1f2b;
    --tag-bg: #2a2f3a;
    --leaflet-links-bg: #161a22;
    --leaflet-links-shadow: rgba(0, 0, 0, 0.6);
    --leaflet-links-text: #ffffff;
    --like-btn-bg: #3a3f44;
    /*End eventdetail*/

    --radio-bg: #0b0f16;
    --radio-surface: #121a26;
    --radio-surface-2: #0f1623;
    --radio-text: #e8edf5;
    --radio-muted: #95a3b8;
    --radio-border: rgba(255, 255, 255, 0.12);
    --radio-shadow-sm: 0 10px 26px rgba(0, 0, 0, 0.45);

    --radio-accent: #3a7afe;
    --radio-accent-weak: rgba(58, 122, 254, 0.22);

    --bg-organizer: linear-gradient(180deg, rgba(17,27,46,.92), rgba(15,23,42,.78));

    --bg-socset: #5f5f5f;
}