:root {
	--thumbnail-size: 75px;
	--border-radius : 6px;
	--text-muted: gray;
	--darktext: #FFF;
	--placeholder: #666;
	    --accent: var(--site-accent);
	--normaltext: #2C2C2E;
	--normalhover: #000;
	--invertaccordion: ;
    --normalline: #ccc;
	--altline: #ccc;
    --normalbg: #fff;
    --altbg: #E6E6E6;
	--cardbody: #fff;
    --sidebarhoverbg: #fff;
    --table-normaltext: #2C2C2E;
    --table-border-color: #CCC;
    --table-striped-odd-color: #F4F4F4;
    --table-striped-even-color: #FFF;
	--table-border-color: #CCC;
	--table-normaltext: #2C2C2E;
	--link: #2C2C2E;
	--linkhover: #000;
    --altlink: #DDDDDD;
        --primary-color: var(--site-accent-bright);
    --background-color: #121212;
    --text-color: #ffffff;
    --light-grey: #b0b0b0;
    --border-radius: 8px;
    --thumbnail-size: 80px;    
        --alink: var(--site-accent-mid);
        --alink-hover: var(--site-accent-bright);
        --body-bg: #464646;
        --color-green: var(--site-accent-soft);
    --color-red: #FF4848;
    --color-orange: #D57633;
    --alertify-header: #B5B5B5;
    --alertify-body-bg: #1E1E20;
    --alertify-dialog-bg: #1E1E20;
    --alertify-dialog-border: #282828;
    --alertify-btn-ok-bg: #555;
    --alertify-btn-ok-border: #333;
    --alertify-btn-ok-color: #B5B5B5;
    --alertify-btn-ok-hover-bg: #666;
    --alertify-btn-cancel-bg: #777;
    --alertify-btn-cancel-hover-bg: #888;
    --alertify-notifier-default-bg: var(--normalbg);
    --alertify-notifier-default-color: var(--normaltext);
    --alertify-notifier-default-border: var(--normalline);
    --alertify-notifier-success-bg: #d4edda;
    --alertify-notifier-success-color: #000;
    --audio-player-bg: #f8f8f8;
    --audio-player-border: var(--normalline);
    --audio-player-hover-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    --audio-player-img-border: #ccc;
    --audio-message-color: #222222;
    --audio-dj-color: #52677a;
    --audio-songtitle-color: #7b1fa2;
    --audio-songartist-color: #00838f;
    --audio-controls-bg: #eaeaea;
    --audio-btn-bg: #333333;
    --audio-btn-hover-bg: #444444;
    --audio-icon-color: #ffffff;
    --audio-bar-bg: #cccccc;
    --audio-thumb-bg: #000;
    --audio-live-indicator-color: #d32f2f;
    --audio-live-indicator-bg: #ffeaea;
    --audio-visualizer-bg: linear-gradient(180deg, #ffffff, #eaeaea);
    --vr-bg: var(--altbg);
    --vr-border: var(--table-border-color);
    --vr-circle-color: white;
    --vr-btn-a-bg: linear-gradient(top, #C73009 0%, #F97E02 100%);
    --vr-btn-b-bg: #141414;
    --vr-range-bg: #000;
    --vr-share-url-bg: var(--normalbg);
    --vr-share-url-border: #6C757D;
    --vr-share-url-color: var(--normaltext);
    --breadcrumb-bg: linear-gradient(135deg, rgba(255, 255, 255, .82), rgba(255, 255, 255, .62));
    --breadcrumb-border: rgba(0, 0, 0, .09);
    --breadcrumb-shadow: 0 10px 24px rgba(31, 45, 61, .10);
    --breadcrumb-link: #2C2C2E;
    --breadcrumb-link-hover: #000000;
    --breadcrumb-link-glow: none;
    --breadcrumb-active: #47515A;
    --breadcrumb-muted: #7C858E;
    --breadcrumb-separator: #9AA3AB;
    --page-header-bg: linear-gradient(135deg, rgba(255, 255, 255, .88), rgba(248, 251, 249, .68));
    --page-header-border: rgba(17, 24, 39, .10);
    --page-header-shadow: 0 10px 24px rgba(31, 45, 61, .09), inset 0 1px 0 rgba(255, 255, 255, .72);
    --page-holder-bg: rgba(255, 255, 255, .9);
    --blog-post-bg: rgba(255, 255, 255, .5);
    --gallery-slider-bg: var(--latest-posts-bg);
    --gallery-slider-border: var(--latest-posts-border);
    --gallery-slider-shadow: var(--latest-posts-shadow);
    --gallery-slider-accent-bar: var(--latest-posts-accent-bar);
    --gallery-slider-header-border: var(--latest-posts-header-border);
    --gallery-slider-icon-color: var(--latest-posts-icon-color);
    --gallery-slider-icon-bg: var(--latest-posts-icon-bg);
    --gallery-slider-icon-border: var(--latest-posts-icon-border);
    --gallery-slider-title: var(--latest-posts-header-color);
    --gallery-slider-meta-color: var(--latest-posts-meta-color);
    --gallery-slider-link: var(--latest-posts-all-color);
    --gallery-slider-link-bg: var(--latest-posts-all-bg);
    --gallery-slider-link-border: var(--latest-posts-all-border);
    --gallery-slider-link-hover-color: var(--latest-posts-all-hover-color);
    --gallery-slider-link-hover-bg: var(--latest-posts-all-hover-bg);
    --gallery-slider-card-bg: var(--latest-posts-item-bg);
    --gallery-slider-card-border: var(--latest-posts-item-border);
    --gallery-slider-card-hover-border: var(--latest-posts-item-hover-border);
    --gallery-slider-card-shadow: var(--latest-posts-item-shadow);
    --gallery-slider-nav-bg: rgba(255, 255, 255, .82);
    --gallery-slider-nav-border: rgba(17, 24, 39, .12);
    --gallery-slider-nav-color: #22313a;
    --gallery-slider-dot: rgba(34, 49, 58, .32);
    --metaoutput-box-bg: var(--altbg);
    --metaoutput-box-border: var(--normalline);
    --metaoutput-box-hover-bg: #CCC;
    --post-attachment-bg: #1E1E20;
    --post-attachment-color: #B5B5B5;
    --post-attachment-hover-bg: #343A3D;
    --post-attachment-hover-border: #ccc;
    --post-attachment-icon-color: #666;
    --ticketreply-holder-odd-bg: #EBEBEB;
    --ticketreply-author-staff-bg: #932C00;
    --ticketreply-author-staff-color: #FFF;
    --ticketreply-author-user-bg: #414141;
    --ticketreply-author-user-color: #ccc;
    --ticketreply-body-color: #666;
    --modal-content-bg: #F4F5F5;
    --postgallery-img-border-radius: 12px;
    --galleryalbums-bg: #fff;
    --gallerypics-likes-bg: rgba(0, 0, 0, .6);
    --gallerypics-likes-color: white;
    --gallerypics-details-bg: rgba(0, 0, 0, .6);
    --gallerypics-details-color: white;
    --gallerypics-details-hover-bg: rgba(0, 0, 0, 1);
    --pollsholder-box-bg: var(--normalbg);
    --alert-holder-icon-bg: var(--altbg);
    --alert-global-color: #E78C12;
    --alert-time-color: #666;
    --alert-delete-color: #CCC;
    --alert-delete-hover-color: red;
    --link-card-bg: var(--normalbg);
    --link-card-color: var(--normaltext);
    --file-single-holder-bg: var(--normalbg);
    --file-card-bg: #FFFFFF;
    --files-panel-bg: linear-gradient(135deg, rgba(255, 255, 255, .86), rgba(248, 251, 249, .74));
    --files-panel-border: rgba(17, 24, 39, .10);
    --files-panel-shadow: 0 16px 34px rgba(17, 24, 39, .09), inset 0 1px 0 rgba(255, 255, 255, .72);
    --files-section-bg: rgba(71, 85, 105, .045);
    --files-section-border: rgba(71, 85, 105, .12);
    --files-section-inset: rgba(255, 255, 255, .82);
    --files-section-accent: linear-gradient(90deg, rgba(82, 103, 122, .86), rgba(100, 116, 139, .18), transparent);
    --files-heading-color: #111827;
    --files-kicker-color: #52677a;
    --files-section-icon-color: #52677a;
    --files-section-icon-bg: rgba(71, 85, 105, .085);
    --files-section-icon-border: rgba(71, 85, 105, .18);
    --files-card-bg: linear-gradient(180deg, #ffffff, #f8fafc);
    --files-card-border: rgba(17, 24, 39, .10);
    --files-card-shadow: 0 10px 24px rgba(17, 24, 39, .08), inset 0 1px 0 rgba(255, 255, 255, .80);
    --files-card-hover-border: rgba(71, 85, 105, .24);
    --files-card-hover-shadow: 0 16px 30px rgba(17, 24, 39, .12), 0 0 0 1px rgba(71, 85, 105, .05);
    --files-card-accent: linear-gradient(90deg, rgba(82, 103, 122, .86), rgba(100, 116, 139, .18), transparent);
    --files-thumb-bg: rgba(17, 24, 39, .035);
    --files-title-color: #111827;
    --files-desc-color: #3d444c;
    --files-meta-color: #5f6672;
    --files-meta-icon-color: #52677a;
    --files-button-bg: linear-gradient(135deg, #52677a, #64748b);
    --files-button-hover-bg: linear-gradient(135deg, #5f7184, #718196);
    --files-detail-row-bg: rgba(255, 255, 255, .70);
    --files-detail-row-border: rgba(17, 24, 39, .085);
    --files-detail-row-inset: rgba(255, 255, 255, .82);

    --files-sidebar-bg: linear-gradient(180deg, rgba(255, 255, 255, .94), rgba(248, 251, 249, .88));
    --files-sidebar-border: rgba(17, 24, 39, .10);
    --files-sidebar-shadow: 0 14px 28px rgba(17, 24, 39, .08), inset 0 1px 0 rgba(255, 255, 255, .78);
    --files-sidebar-accent: linear-gradient(90deg, rgba(82, 103, 122, .86), rgba(100, 116, 139, .18), transparent);
    --files-sidebar-divider: rgba(17, 24, 39, .09);
    --files-sidebar-kicker: #52677a;
    --files-sidebar-row-bg: rgba(255, 255, 255, .72);
    --files-sidebar-row-border: rgba(17, 24, 39, .085);
    --files-sidebar-row-color: #2f3742;
    --files-sidebar-row-hover-bg: rgba(71, 85, 105, .075);
    --files-sidebar-row-hover-border: rgba(71, 85, 105, .22);
    --files-sidebar-row-hover-color: #111827;
    --files-sidebar-row-hover-shadow: 0 8px 18px rgba(17, 24, 39, .07);
    --files-sidebar-icon-color: #52677a;
    --files-sidebar-badge-bg: rgba(71, 85, 105, .09);
    --files-sidebar-badge-color: #52677a;
    --files-sidebar-badge-border: rgba(71, 85, 105, .20);
    --files-sidebar-badge-inset: rgba(255, 255, 255, .76);
    --files-sidebar-accordion-bg: rgba(17, 24, 39, .025);
    --file-cat-sortby-active-bg: #EAEEF0;
    --file-cats-sub-bg: var(--normalbg);
	--contactbg: transparent; 
    --contact-envelope-color: #E7E8E8;
    --comments-posting-as-color: #ccc;
    --comments-posted-time-color: #666;
    --comments-delete-color: red;
    --blog-single-card-bg: linear-gradient(135deg, #ffffff, #f8fafc);
    --blog-single-card-border: rgba(17, 24, 39, .10);
    --blog-single-card-shadow: 0 16px 34px rgba(17, 24, 39, .10), inset 0 1px 0 rgba(255, 255, 255, .82);
    --blog-single-title-color: #111827;
    --blog-single-meta-bg: rgba(71, 85, 105, .045);
    --blog-single-meta-border: rgba(71, 85, 105, .12);
    --blog-single-image-border: rgba(17, 24, 39, .08);
    --blog-single-image-shadow: 0 12px 24px rgba(17, 24, 39, .10);
    --blog-single-content-color: #24292f;
    --blog-single-heading-color: #111827;
    --search-box-sel-text-bg: #E7EAEB;
    --top-searchbar-bg: linear-gradient(180deg, rgba(255, 255, 255, .96), rgba(248, 251, 249, .92));
    --top-searchbar-border: rgba(17, 24, 39, .10);
    --top-searchbar-shadow: 0 10px 24px rgba(17, 24, 39, .08);
    --top-search-box-bg: rgba(255, 255, 255, .78);
    --top-search-box-border: rgba(17, 24, 39, .10);
    --top-search-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .82);
    --top-search-control-bg: #ffffff;
    --top-search-control-border: rgba(17, 24, 39, .12);
	
	
	
	
    --pagination-active-color: #fff;
    --pagination-link-color: #2C2C2E;
    --pagination-hover-color: #334155;
    --pagination-disabled-color: #8a8f94;
    --pagination-shell-bg: rgba(255, 255, 255, .82);
    --pagination-shell-border: rgba(0, 0, 0, .12);
    --pagination-shell-shadow: 0 10px 24px rgba(0, 0, 0, .10), inset 0 1px 0 rgba(255, 255, 255, .75);
    --pagination-item-bg: rgba(0, 0, 0, .035);
    --pagination-hover-bg: rgba(71, 85, 105, .14);
    --pagination-hover-shadow: inset 0 0 0 1px rgba(71, 85, 105, .28);
    --pagination-active-bg: linear-gradient(135deg, #52677a, #64748b);
    --pagination-active-shadow: 0 8px 18px rgba(71, 85, 105, .18);
    --pagination-top-border: #ccc;
    --pagination-bottom-border: #ccc;
	
	
	
	
	
	
	
	
	
	
    --footer-color: #5f6672;
    --footer-a-hover-color: #52677a;
    --footer-bg: transparent;
    --footer-shadow: none;
    --footer-shell-bg: var(--page-holder-bg);
    --footer-shell-border: rgba(255, 255, 255, .72);
    --footer-shell-shadow: 0 14px 38px rgba(0, 0, 0, .18), inset 0 1px 0 rgba(255, 255, 255, .9);
    --footer-panel-bg: rgba(255, 255, 255, .72);
    --footer-panel-border: rgba(31, 41, 55, .09);
    --footer-border: rgba(255, 255, 255, .08);
    --footer-divider: rgba(31, 41, 55, .09);
    --footer-heading-color: #1f2937;
    --footer-link-color: #4b5563;
    --footer-accent: #52677a;
    --footer-orb-bg: radial-gradient(circle, rgba(82, 103, 122, .18), rgba(82, 103, 122, 0) 68%);
    --footer-social-bg: rgba(15, 23, 42, .055);
    --footer-social-border: rgba(15, 23, 42, .10);
    --footer-social-color: #4b5563;
    --backtotop-bg: #8CA1AB;
    --cookiealert-bg: #212327;
    --cookiealert-color: #ecf0f1;
    --audio-player-controls-bg: #eaeaea;
    --audio-player-btn-bg: #333333;
    --audio-player-thumb-bg: #000;
    --audio-player-live-bg: #ffeaea;
    --audio-player-visualizer-bg: linear-gradient(180deg, #ffffff, #eaeaea);
    --mypics-gallery-img-border: var(--table-border-color);
    --snippet-card-bg: #FFFFFF;
    --keyword-bg: var(--altbg);
    --keyword-color: var(--normaltext);
    --warninglabel-bg: #FFF;
    --warninglabel-color: var(--normaltext);
    --warninglabel-i-color: #FF7171;
    --side-menu-bg: linear-gradient(180deg, rgba(255, 255, 255, .92), rgba(244, 247, 245, .86));
    --side-menu-color: #2C2C2E;
    --side-menu-border: rgba(28, 45, 36, .12);
    --side-menu-shadow: 0 12px 26px rgba(20, 34, 28, .10);
    --side-menu-topline: linear-gradient(90deg, rgba(71, 85, 105, .55), rgba(100, 116, 139, .12), transparent);
    --side-menu-title: #1f2937;
    --side-menu-heading-border: rgba(28, 45, 36, .10);
    --side-menu-list-border: rgba(28, 45, 36, .08);
    --side-menu-hover-bg: rgba(71, 85, 105, .08);
    --side-menu-hover-color: #1f2937;
    --side-menu-link: #334155;
    --side-menu-badge: #52677a;
    --side-menu-badge-bg: rgba(71, 85, 105, .08);
    --side-menu-badge-border: rgba(71, 85, 105, .18);
    --side-menu-icon-bg: rgba(71, 85, 105, .10);
    --side-menu-icon-color: #475569;
    --side-menu-action-bg: rgba(71, 85, 105, .07);
    --side-menu-action-border: rgba(71, 85, 105, .14);
    --side-menu-action-color: #475569;
    --side-menu-action-hover-bg: rgba(71, 85, 105, .14);
    --side-menu-action-hover-border: rgba(71, 85, 105, .28);
    --side-menu-action-hover-color: #1f2937;
    --side-menu-input-bg: rgba(255, 255, 255, .82);
    --side-menu-input-border: rgba(28, 45, 36, .16);
    --side-menu-focus-shadow: rgba(71, 85, 105, .14);
    --side-menu-button-bg: #475569;
    --side-menu-button-border: rgba(71, 85, 105, .28);
    --side-menu-button-color: #ffffff;
    --side-menu-button-hover-bg: #334155;
    --side-menu-button-hover-color: #ffffff;
    --side-menu-accordion-body-bg: #fafafa;
    --board-page-bg: #f9f9f9;
    --board-page-color: #333;
	--board-page-accordion-bg: #F0F0F0;
    --board-page-table-td-bg: #ffffff;
    --board-page-table-border: #ccc;
    --board-page-table-even-bg: #f9f9f9;
    --board-page-table-odd-bg: #fff;
    --board-page-icon-color: #555;
    --board-page-desc-color: #666;
    --board-page-stats-color: #555;
    --board-page-last-post-color: #555;
    --board-page-a-color: #333;
    --board-page-a-hover-color: #000;
    --board-page-img-border: #ccc;
    --board-page-img-bg: #f0f0f0;
    --board-page-stats-bg: #ffffff;
    --board-page-stats-border: #ddd;
    --board-page-stats-strong-color: #222;
    --thread-page-bg: #f9f9f9;
    --thread-page-color: #333;
    --thread-page-topic-replies-bg: #e9ecef;
    --thread-page-post-card-bg: #ffffff;
    --thread-page-post-card-border: #ddd;
    --thread-page-header-bg: #f1f1f1;
    --thread-page-header-color: #444;
    --thread-page-post-user-border: #ddd;
    --thread-page-post-user-img-border: #ccc;
    --thread-page-post-user-username: #64748b;
    --thread-page-post-user-small-color: #666;
    --thread-page-post-content-color: #333;
    --thread-page-footer-bg: #f1f1f1;
    --thread-page-footer-a-color: #555;
    --thread-page-footer-a-hover-color: #000;
    --thread-page-reply-textarea-bg: #fff;
    --thread-page-reply-textarea-border: #ccc;
    --thread-page-reply-textarea-color: #333;
    --thread-page-reply-textarea-focus-shadow: 0 0 4px rgba(0, 123, 255, 0.3);
    --moderator-dropdown-menu-bg: #ffffff;
    --moderator-dropdown-menu-border: #ccc;
    --moderator-dropdown-item-color: #333;
    --moderator-dropdown-item-hover-bg: #f0f0f0;
    --moderator-dropdown-item-hover-color: #000;
    --moderator-dropdown-btn-bg: #e9ecef;
    --moderator-dropdown-btn-border: #ced4da;
    --moderator-dropdown-btn-color: #212529;
    --moderator-dropdown-btn-hover-bg: #dee2e6;
    --moderator-dropdown-btn-hover-border: #adb5bd;
    --moderator-dropdown-btn-hover-color: #000;
    --forumeditor-codesyntax-bg: #fff;
    --forumeditor-codesyntax-border: #ddd;
    --forumeditor-codesyntax-color: #333;
    --forumeditor-codesyntax-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
    --forumeditor-codesyntax-scrollbar-thumb: rgba(0, 0, 0, 0.2);
    --forumeditor-codesyntax-scrollbar-thumb-hover: rgba(0, 0, 0, 0.4);
    --post-content-blockquote-bg: rgba(255, 255, 255, 0.9);
    --post-content-blockquote-border-left: #475569;
    --post-content-blockquote-color: #333;
    --post-content-blockquote-strong-color: #334155;
    --post-content-blockquote-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
    --latest-posts-bg: linear-gradient(135deg, #ffffff, #f8fafc);
    --latest-posts-border: rgba(17,24,39,.10);
    --latest-posts-shadow: 0 14px 30px rgba(17,24,39,.08);
    --latest-posts-accent-bar: linear-gradient(90deg, #475569, rgba(71, 85, 105,.12));
    --latest-posts-header-border: rgba(17,24,39,.08);
    --latest-posts-header-color: #1f2937;
    --latest-posts-icon-color: #475569;
    --latest-posts-icon-bg: rgba(71, 85, 105,.10);
    --latest-posts-icon-border: rgba(71, 85, 105,.22);
    --latest-posts-all-color: #475569;
    --latest-posts-all-bg: rgba(71, 85, 105,.08);
    --latest-posts-all-border: rgba(71, 85, 105,.18);
    --latest-posts-all-hover-color: #fff;
    --latest-posts-all-hover-bg: #475569;
    --latest-posts-item-bg: rgba(255,255,255,.78);
    --latest-posts-item-border: rgba(17,24,39,.08);
    --latest-posts-item-shadow: 0 8px 18px rgba(17,24,39,.05);
    --latest-posts-item-hover-bg: #ffffff;
    --latest-posts-item-hover-border: rgba(71, 85, 105,.25);
    --latest-posts-avatar-border: rgba(71, 85, 105,.28);
    --latest-posts-title-color: #1f2937;
    --latest-posts-title-hover-color: #475569;
    --latest-posts-meta-color: #66706a;
    --latest-posts-chip-color: #52605a;
    --latest-posts-chip-bg: rgba(71, 85, 105,.07);
    --latest-posts-chip-border: rgba(71, 85, 105,.14);
    --latest-posts-pill-color: #445047;
    --latest-posts-pill-bg: rgba(17,24,39,.045);
    --latest-posts-pill-border: rgba(17,24,39,.08);
    --latest-posts-skeleton-bg: linear-gradient(90deg, #e5e7eb, #f3f4f6, #e5e7eb);
    --profile-header-height: 250px;
    --profile-picture-border: #fff;
    --profile-picture-shadow: 0 2px 8px rgba(0,0,0,0.2);
    --profile-stat-chip-bg: rgba(0,0,0,0.04);
    --profile-card-bg: var(--altbg);
    --profile-card-text: var(--normaltext);
    --profile-tabs-border: #e3e7ef;
    --profile-tabs-link-bg: #f6f8fc;
    --profile-tabs-link-color: #495057;
    --profile-tabs-link-hover-bg: #eef2f8;
    --profile-tabs-link-hover-color: #212529;
    --profile-tabs-active-bg: #ffffff;
    --profile-tabs-active-color: #475569;
    --profile-tabs-active-border: #cfd6e3 #cfd6e3 transparent #cfd6e3;
    --profile-tab-content-bg: #ffffff;
    --posts-activity-surface: #ffffff;
    --posts-activity-border: #e5e7eb;
    --posts-activity-text: #0f172a;
    --posts-activity-muted: #64748b;
    --posts-activity-chip-bg: #f1f5f9;
    --posts-activity-chip-br: #e2e8f0;
    --posts-activity-hover: #0b5ed7;
    --posts-activity-title-color: var(--normaltext);
    --posts-activity-title-hover-color: #0d6efd;
    --posts-activity-meta-color: var(--normaltext);
    --posts-activity-dot-bg: var(--normaltext);
    --posts-activity-snippet-color: var(--normaltext);
	--chat-height: 70vh;
    --chat-holder-bg: #f7f9fc;
    --chat-holder-card-bg: #ffffff;
    --chat-holder-layer-bg: #f4f6f8;
    --chat-holder-muted: #6b7280;
    --chat-holder-text: #1f2937;
    --chat-holder-normalline: #e5e7eb;
    --chat-holder-primary-dark: #475569;
    --chat-holder-shadow: 0 3px 12px rgba(15, 23, 42, .12);
    --chat-holder-scrollbar-color: #c7cbd4 transparent;
    --chat-holder-msg-hover-bg: #eef2f6;
    --chat-holder-msg-hover-shadow: 0 1px 0 rgba(0,0,0,.04) inset;
    --chat-holder-input-bg: #ffffff;
    --chat-holder-input-focus-shadow: 0 0 0 2px rgba(71, 85, 105,.20);
    --chat-holder-nicklist-hover-bg: rgba(0,0,0,.04);
    --chat-holder-room-active-bg: rgba(71, 85, 105,.12);
    --user-ctx-menu-bg: #ffffff;
    --user-ctx-menu-text: #212529;
    --user-ctx-menu-border: #d1d5db;
    --user-ctx-menu-hover-bg: #f3f4f6;
    --user-ctx-menu-divider: #e5e7eb;
    --user-ctx-menu-danger: #dc2626;
    --user-ctx-menu-shadow: 0 0.5rem 1rem rgba(0,0,0,.15);
    --system-msg-color: var(--muted);
    --system-msg-pill-bg: rgba(255,255,255,.04);
    --system-msg-join-color: #94a3b8;
    --system-msg-leave-color: #ef4444;
    --activity-card-shadow: 0 6px 18px rgba(0,0,0,.06);
    --activity-card-hover-shadow: 0 10px 24px rgba(0,0,0,.08);
    --activity-card-hover-bg: rgba(0,0,0,0.02);
    --activity-time-color: var(--bs-secondary-color);
    --activity-divider-bg: var(--bs-border-color);
    --ralist-bg: #ffffff;
    --ralist-item-bg: #ffffff;
    --ralist-item-color: #333333;
    --ralist-item-border: #e0e0e0;
    --ralist-item-hover-bg: #f8f9fa;
    --ralist-line-color: #212529;
    --ralist-time-color: #6c757d;
    --ralist-time-i-color: #adb5bd;
    --ralist-empty-color: #999999;
	
	--shout-time: #BBBBBB;
	--shout-msg-box: #FFF;
	--shout-msg-box-border: #ccc;
	--shout-alt-bg: #EFEFEF;
	
	
	
	
--textmuted: #666;
dm-meta-line: #666;
 --dm-bg:              var(--app-bg, var(--page-bg, #f8f9fa));
  --dm-card:            var(--card-bg, #ffffff);
  --dm-fg:              var(--text-color, #212529);
  --dm-muted:           var(--muted-color, #6c757d);
  --dm-border:          var(--border-color, #e5e7eb);
  --dm-accent:          var(--primary, #007bff);
  --dm-accent-weak:     rgba(0,123,255,.12);
  --dm-me-bg:           #F0F0F0;
  --dm-me-fg:           #666;
  --dm-you-bg:          #F0F0F0;
  --dm-you-fg:          #666;
  --dm-hover:           rgba(0,0,0,.04);
--dm-author-me: #43A3E9;
	--dm-author-you: #E65646;
	
	--btn-danger-color: red;
	--btn-danger-border: red;
	--trumbowyg-font-family: black;
	
	
	  --card-radius: 12px;
  --border: var(--normalline);
  --shadow-soft: 0 2px 10px rgba(0,0,0,.06);
  --shadow-strong: 0 12px 30px rgba(0,0,0,.18);
	
	
}
/* Gallery main modernization */
:root {
  --gallery-panel-bg: linear-gradient(135deg, #ffffff, #f8fafc);
  --gallery-panel-border: rgba(17, 24, 39, .10);
  --gallery-panel-shadow: 0 16px 34px rgba(17, 24, 39, .10), inset 0 1px 0 rgba(255, 255, 255, .82);
  --gallery-accent-bar: linear-gradient(90deg, #475569, rgba(71, 85, 105, .12), transparent);
  --gallery-heading-border: rgba(71, 85, 105, .12);
  --gallery-heading-color: #111827;
  --gallery-kicker-color: #52677a;
  --gallery-icon-color: #475569;
  --gallery-icon-bg: rgba(71, 85, 105, .10);
  --gallery-icon-border: rgba(71, 85, 105, .22);
  --gallery-pill-color: #52677a;
  --gallery-pill-bg: rgba(71, 85, 105, .08);
  --gallery-pill-border: rgba(71, 85, 105, .18);
  --gallery-card-bg: linear-gradient(180deg, #ffffff, #f8fafc);
  --gallery-card-border: rgba(17, 24, 39, .10);
  --gallery-card-shadow: 0 10px 24px rgba(17, 24, 39, .08), inset 0 1px 0 rgba(255, 255, 255, .80);
  --gallery-card-hover-border: rgba(71, 85, 105, .24);
  --gallery-card-hover-shadow: 0 16px 30px rgba(17, 24, 39, .12), 0 0 0 1px rgba(71, 85, 105, .05);
  --gallery-card-accent: linear-gradient(90deg, rgba(82, 103, 122, .86), rgba(100, 116, 139, .18), transparent);
  --gallery-thumb-bg: rgba(17, 24, 39, .035);
  --gallery-title-color: #111827;
  --gallery-title-hover-color: #475569;
  --gallery-desc-color: #3d444c;
  --gallery-meta-border: rgba(17, 24, 39, .085);
  --gallery-meta-color: #5f6672;
}

/* Gallery album photo page controls */
:root {
  --gallery-detail-btn-bg: rgba(71, 85, 105, .08);
  --gallery-detail-btn-border: rgba(71, 85, 105, .20);
  --gallery-detail-btn-color: #475569;
  --gallery-detail-btn-hover-bg: #475569;
  --gallery-detail-btn-hover-border: #475569;
  --gallery-detail-btn-hover-color: #ffffff;
  --gallery-detail-btn-shadow: inset 0 1px 0 rgba(255, 255, 255, .76);
  --gallery-modal-nav-bg: rgba(17, 24, 39, .035);
}

/* Modern chat pass variables */
:root {
  --chat-holder-pill-bg: rgba(15,23,42,.045);
  --chat-holder-dot-ring: rgba(15,23,42,.08);
  --chat-holder-msg-bg: #ffffff;
  --chat-holder-msg-border: rgba(15,23,42,.08);
  --chat-holder-msg-hover-border: rgba(71, 85, 105,.28);
  --chat-holder-msg-shadow: 0 8px 18px rgba(15,23,42,.05);
  --chat-holder-avatar-border: rgba(15,23,42,.12);
  --chat-holder-system-bg: rgba(71, 85, 105,.08);
  --chat-holder-system-border: rgba(71, 85, 105,.22);
  --chat-holder-system-text: #475569;
  --chat-holder-link: #475569;
  --chat-holder-link-hover: #334155;
}


/*
|--------------------------------------------------------------------------
| Light Theme Navigation Readability Fix
|--------------------------------------------------------------------------
| The main navbar uses Bootstrap's navbar-dark class for markup compatibility.
| In the light theme we force a consistent full-width glass background and
| readable link/icon colors so the right side does not fade into busy/dark
| page backgrounds. Keep this in light.css because it is theme-specific.
|--------------------------------------------------------------------------
*/
html body .navbar.navbar-mainmenu {
    background: linear-gradient(135deg, rgba(246, 248, 250, .92), rgba(226, 232, 240, .84)) !important;
    border-bottom: 1px solid rgba(17, 24, 39, .16);
    box-shadow: 0 10px 28px rgba(15, 23, 42, .18);
    backdrop-filter: blur(16px) saturate(135%);
    -webkit-backdrop-filter: blur(16px) saturate(135%);
}

html body .navbar.navbar-mainmenu .navbar-nav .nav-link,
html body .navbar.navbar-mainmenu .navbar-nav .nav-link:visited,
html body .navbar.navbar-mainmenu .navitemicon,
html body .navbar.navbar-mainmenu .navitemicon a {
    color: rgba(15, 23, 42, .82) !important;
    text-shadow: none !important;
}

html body .navbar.navbar-mainmenu .navbar-nav .nav-link:hover,
html body .navbar.navbar-mainmenu .navbar-nav .nav-link:focus,
html body .navbar.navbar-mainmenu .navbar-nav .nav-link.active {
    color: rgba(15, 23, 42, .96) !important;
}

html body .navbar.navbar-mainmenu .dropdown-menu {
    background: rgba(255, 255, 255, .96) !important;
    border: 1px solid rgba(17, 24, 39, .14) !important;
    box-shadow: 0 18px 42px rgba(15, 23, 42, .18) !important;
}

html body .navbar.navbar-mainmenu .dropdown-menu a,
html body .navbar.navbar-mainmenu .dropdown-item {
    color: rgba(15, 23, 42, .84) !important;
}

html body .navbar.navbar-mainmenu .dropdown-menu a:hover,
html body .navbar.navbar-mainmenu .dropdown-menu a:focus,
html body .navbar.navbar-mainmenu .dropdown-item:hover,
html body .navbar.navbar-mainmenu .dropdown-item:focus {
    color: rgba(15, 23, 42, .96) !important;
    background: rgba(var(--accent-rgb), .12) !important;
}

@media only screen and (max-width: 991px) {
    html body .navbar.navbar-mainmenu .offcanvas-header,
    html body .navbar.navbar-mainmenu .offcanvas-body {
        background: rgba(255, 255, 255, .96) !important;
        color: rgba(15, 23, 42, .88) !important;
    }

    html body .navbar.navbar-mainmenu .closebutton {
        color: rgba(15, 23, 42, .82) !important;
    }
}