@charset "utf-8";

body.dark {
	/* Brand */
	--color-primary: #60a5fa;
	--color-primary-hover: #3b82f6;
	--color-primary-active: #2563eb;

	/* Text */
	--color-text-main: #e5e7eb;
	--color-text-sub: #9ca3af;
	--color-text-muted: #6b7280;
	--color-text-inverse: #111827;
	--color-accent: #1f7a63;

	/* Background */
	--color-bg-main: #0f172a;
	--color-bg-sub: #1e293b;
	--color-bg-card: #4b5a79;
	--color-bg-hover: #1f2937;
	--color-bg-inverse: #ffffff;

	/* Border */
	--color-border: rgb(30, 38, 51);
	--color-border-strong: #374151;

	/* Status */
	--color-success: #4ade80;
	--color-success-bg: rgba(34, 197, 94, 0.1);

	--color-error: #f87171;
	--color-error-bg: rgba(239, 68, 68, 0.1);

	--color-warning: #fbbf24;
	--color-warning-bg: rgba(245, 158, 11, 0.1);

	--color-info: #38bdf8;
	--color-info-bg: rgba(14, 165, 233, 0.1);

	/* Card */
	--color-bg-car: #111827;

	/* Interaction */
	--color-hover: rgba(255, 255, 255, 0.05);
	--color-active: rgba(255, 255, 255, 0.08);
	--color-disabled: #6b7280;
	--color-overlay: rgba(0, 0, 0, 0.7);

	/* Shadow */
	--shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.5);
	--shadow-md: 0 6px 12px rgba(0, 0, 0, 0.6);

	/* Focus */
	--color-focus: #60a5fa;
}

body.dark #header,
body.dark #header.navi-open,
body.dark #header.on,
body.dark #header.act,
body.dark .main-navi .depth02-box {
	background: rgba(15, 23, 42, 0.7);
	border-bottom-color: var(--color-border);
}

body.dark #header.navi-open #logo .mag-info *,
body.dark #header.on #logo .mag-info *,
body.dark #header.act #logo .mag-info *,
body.dark #header.navi-open .main-navi > li > a,
body.dark #header.on .main-navi > li > a,
body.dark #header.act .main-navi > li > a {
	color: var(--color-text-main);
}

body.dark .sub-vis-box .img-box img {
	filter: brightness(0.5);
}

body.dark #footer {
	background: #020617;
	color: #cbd5e1;
}