/* Theme: Modern
 * Sleek dark slate surfaces, indigo/cyan accents, dark glassy cards,
 * neutral system typography. The "app-like" counterpart to Cozy Tabletop.
 * Card layout handled by ModernCardLayout.razor (gradient accent strip at
 * top; points chip floats as a notification badge top-right).
 */

[data-theme="modern"] {
	/* ── Brand ─────────────────────────────────────────────── */
	--eg-color-primary: #6366f1; /* Indigo */
	--eg-color-primary-light: #818cf8;
	--eg-color-primary-rgb: 99, 102, 241;
	--eg-color-secondary: #06b6d4; /* Cyan */
	--eg-color-secondary-light: #22d3ee;
	--eg-color-tertiary: #34d399; /* Mint */
	--eg-color-success: #34d399;
	--eg-color-error: #fb7185;
	--eg-color-warning: #fbbf24;
	--eg-color-info: #38bdf8;

	/* ── Typography — neutral system stack ─────────────────── */
	--eg-font-heading: "Inter", "Segoe UI", system-ui, sans-serif;
	--eg-font-body: "Inter", "Segoe UI", system-ui, sans-serif;
	--eg-font-numbers: "Segoe UI", ui-monospace, "Cascadia Mono", monospace;

	/* ── Palette — dark slate ──────────────────────────────── */
	--eg-palette-background: #0f172a; /* Slate 900 */
	--eg-palette-surface: #1e293b; /* Slate 800 */
	--eg-palette-surface-accent: #0b1120;
	--eg-palette-surface-variant: #334155;
	--eg-palette-text-primary: #f1f5f9;
	--eg-palette-text-secondary: #94a3b8;
	--eg-palette-text-disabled: #64748b;
	--eg-palette-divider: #334155;
	--eg-palette-divider-light: #475569;
	--eg-palette-primary: #6366f1;
	--eg-palette-secondary: #06b6d4;
	--eg-palette-tertiary: #34d399;
	--eg-palette-error: #fb7185;
	--eg-palette-success: #34d399;
	--eg-palette-warning: #fbbf24;
	--eg-palette-info: #38bdf8;

	--eg-palette-on-primary: #ffffff;
	--eg-palette-on-secondary: #0f172a;
	--eg-palette-on-tertiary: #0f172a;
	--eg-palette-on-error: #0f172a;
	--eg-palette-on-success: #0f172a;
	--eg-palette-on-warning: #0f172a;
	--eg-palette-on-info: #0f172a;

	/* Cards — dark slate with light text (no cream here). One step
	 * lighter than --eg-palette-surface (#1e293b) so cards read as
	 * elevated glass on top of panels/sheets instead of blending in. */
	--eg-palette-card: #283548;
	--eg-palette-text-on-card: #f1f5f9;
	--eg-palette-text-on-card-muted: #94a3b8;

	/* ── Shadows — softer, cooler ──────────────────────────── */
	--eg-shadow-card: 0 1px 3px rgba(0, 0, 0, 0.5);
	--eg-shadow-elevated: 0 8px 24px rgba(0, 0, 0, 0.55);
	--eg-shadow-glow-primary: 0 0 20px rgba(var(--eg-color-primary-rgb), 0.45);
	--eg-shadow-glow-success: 0 0 20px rgba(52, 211, 153, 0.35);
}

/* Cards get a hairline ring instead of a drop shadow */
[data-theme="modern"] .schniffel-card {
	box-shadow:
		inset 0 0 0 1px #334155,
		var(--eg-shadow-card);
}

[data-theme="modern"] .schniffel-die-face {
	box-shadow:
		inset 0 0 0 1px #475569,
		var(--eg-shadow-card);
}