/**
 * NoticeH CSS Custom Properties / Design Tokens System
 *
 * @package NoticeH
 */

:root {
	/* Brand & Theme Colors */
	--noticeh-primary: #2563eb;
	--noticeh-primary-hover: #1d4ed8;
	--noticeh-secondary: #64748b;
	--noticeh-secondary-hover: #475569;
	--noticeh-accent: #06b6d4;

	/* Priority Colors */
	--noticeh-priority-normal-bg: #e2e8f0;
	--noticeh-priority-normal-color: #334155;
	--noticeh-priority-important-bg: #fef3c7;
	--noticeh-priority-important-color: #92400e;
	--noticeh-priority-urgent-bg: #fee2e2;
	--noticeh-priority-urgent-color: #991b1b;

	/* Badges & Special States */
	--noticeh-sticky-bg: #2563eb;
	--noticeh-sticky-color: #ffffff;
	--noticeh-expired-bg: #94a3b8;
	--noticeh-expired-color: #ffffff;

	/* Surfaces & Backgrounds */
	--noticeh-bg-surface: #ffffff;
	--noticeh-bg-alt: #f8fafc;
	--noticeh-bg-hover: #f1f5f9;
	--noticeh-border-color: #e2e8f0;
	--noticeh-text-main: #0f172a;
	--noticeh-text-muted: #64748b;

	/* Elevation & Shadows */
	--noticeh-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
	--noticeh-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
	--noticeh-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);

	/* Geometry & Spacing */
	--noticeh-radius: 8px;
	--noticeh-radius-lg: 12px;
	--noticeh-radius-pill: 9999px;
	--noticeh-font-family: 'Hind Siliguri', 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
	--noticeh-transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Dark Mode Overrides (Prefers Color Scheme) */
@media (prefers-color-scheme: dark) {
	:root {
		--noticeh-bg-surface: #1e293b;
		--noticeh-bg-alt: #0f172a;
		--noticeh-bg-hover: #334155;
		--noticeh-border-color: #334155;
		--noticeh-text-main: #f8fafc;
		--noticeh-text-muted: #94a3b8;
	}
}