﻿:root {
		/* 覆蓋 Bootstrap 變數 */
		--bs-body-font-family: 'Noto Sans TC', 'Noto Sans SC', 'Noto Sans JP', '微軟正黑體', 'Microsoft JhengHei', 'Microsoft YaHei', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
		--bs-body-font-size: 0.875rem;
		--bs-body-line-height: 1.6;
		--bs-body-color: #212529;
		--bs-body-bg: #F8F9FA;
		--bs-border-color: #6c757d;
		/* 自訂顏色 */
		--primary-color: #005EAC;
		--primary-hover: #00A1FF;
		--secondary-color: #6c757d;
		--success-color: #86C68C;
		--info-color: #7EC8E3;
		--warning-color: #FFC107;
		--danger-color: #DC3545;
		/* Neutral Colors */
		--bg-primary: #FFFFFF;
		--bg-secondary: #F8F9FA;
		--bg-tertiary: #E9ECEF;
		--text-primary: #005EAC;
		--text-secondary: #6C757D;
		/* Themes Colors */
		--bg-success: #009dac;
		--bg-success-hover: #00b8ca;
		--bg-warning: #ef7302;
		--bg-light: #c6def6;
		--bg-light-m: #dbedff;
		--bg-blue: #3183C8;
		--bg-gradient: linear-gradient(90deg, #005EAC 0%, #00A1FF 100%);
}
body {
		background-color: var(--bg-light) !important;
}
.bg-success {
		background-color: var(--bg-success) !important;
}
/*.bg-warning {
		background-color: var(--bg-warning) !important;
}*/
.btn-outline-warning {
		color: var(--bg-warning);
		border-color: var(--bg-warning);
}
.btn-outline-warning:hover {
		background-color: var(--bg-warning) !important;
		border-color: var(--bg-warning) !important;
		color: var(--bg-primary);
}
.btn-outline-success {
		color: var(--bg-success);
		border-color: var(--bg-success);
}
.btn-outline-success:hover {
		background-color: var(--bg-success);
		border-color: var(--bg-success);
}
.btn-success {
		background-color: var(--bg-success);
		border-color: var(--bg-success);
}
.btn-success:hover {
		background-color: var(--bg-success-hover);
		border-color: var(--bg-success-hover);
}
.nav-tabs .nav-link.active {
		background-color: var(--bg-light-m);
		border-bottom-color: var(--bg-light-m);
}
.nav-tabs .nav-link:hover {
		background-color: var(--bg-light-m);
}
.nav-link, .nav-link.has-submenu, .nav-submenu .nav-link {
		color: var(--bs-body-color);
}
.help-icon, .editor-lang-indicator, .quick-lang-btn.active {
		background-color: var(--bg-blue);
}
.btn-primary {
		background-color: var(--primary-color);
		border-color: var(--primary-color);
}
.btn-outline-primary {
		color: var(--primary-color);
		border-color: var(--primary-color);
}
.body-bg {
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
}
.table-hover th {
		background-color: var(--primary-color);
		color: var(--bg-primary);
}
.profile-header,
.stats-card, .storage-info, .lang-control-bar {
		background: var(--bg-gradient);
}
.toolbar-main-btn {
		background: var(--danger-color);
}
.toolbar-main-btn.active {
		background: var(--primary-color);
}
.copyright-box {
		color: var(--bg-primary);
		display: block;
		padding: 1.5rem 0;
		text-align: start;
		opacity: .5;
}
.content-wrapper {
		padding: var(--spacing-lg) var(--spacing-md);
}
.lang-tab.active, .page-title {
		color: var(--text-primary);
}
.sidebar-header {
		background-color: var(--bg-blue);
}
.logo {
		flex-direction: column;
}
.logo img {
		max-width: 70%;
		margin: .5rem auto .5rem auto;
}
.logo-text {
		display: none !important;
}
.logo-title, .logo-subtitle {
		color: var(--bg-primary);
		text-align: center;
		display: block;
}
.card {
		box-shadow: var(--shadow-sm);
		padding: var(--spacing-md);
}
.nav-submenu .nav-link {
		padding: var(--spacing-sm) 3.25rem;
}
.nav-link {
		padding: var(--spacing-sm) var(--spacing-md);
}