/* Import modules */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');
@import './layout.css';
@import './login.css';
@import './components.css';
@import './cards.css';
@import './pages.css';

:root {
	/* Core Palette */
	--rp-primary:      #0ea5e9; /* Sky 500 */
	--rp-primary-dark: #0284c7;
	--rp-danger:       #ef4444;
	--rp-success:      #22c55e;
	--rp-warning:      #f59e0b;
	--rp-dark:         #0f172a;
	--rp-muted:        #64748b;
	
	/* Status Colors */
	--rp-status-new:   #f59e0b; /* Amber */
	--rp-status-prep:  #0ea5e9; /* Blue */
	--rp-status-ready: #22c55e; /* Green */
	--rp-status-del:   #a855f7; /* Purple */
	--rp-status-done:  #64748b; /* Slate */
	--rp-status-canc:  #ef4444; /* Red */

	/* Light Theme (Default) */
	--rp-bg:           #f8fafc;
	--rp-bg-card:      #ffffff;
	--rp-bg-header:    #ffffff;
	--rp-bg-sidebar:   #1e293b;
	--rp-text-sidebar: #cbd5e1;
	--rp-border:       #e2e8f0;
	--rp-text:         #334155;
	--rp-text-title:   #0f172a;
}

/* Dark Theme */
.rp-theme-dark,
@media (prefers-color-scheme: dark) {
	.rp-theme-system {
		--rp-bg:           #0f172a;
		--rp-bg-card:      #1e293b;
		--rp-bg-header:    #1e293b;
		--rp-bg-sidebar:   #020617;
		--rp-text-sidebar: #94a3b8;
		--rp-border:       #334155;
		--rp-text:         #94a3b8;
		--rp-text-title:   #f8fafc;
	}
}

/* Force light theme if set explicitly */
.rp-theme-light {
	--rp-bg:           #f8fafc !important;
	--rp-bg-card:      #ffffff !important;
	--rp-bg-header:    #ffffff !important;
	--rp-bg-sidebar:   #1e293b !important;
	--rp-text-sidebar: #cbd5e1 !important;
	--rp-border:       #e2e8f0 !important;
	--rp-text:         #334155 !important;
	--rp-text-title:   #0f172a !important;
}

/* Global Reset for portal wrapper */
.rp-app, .rp-login-wrapper {
	font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
	color: var(--rp-text);
	background: var(--rp-bg);
	-webkit-font-smoothing: antialiased;
	box-sizing: border-box;
	line-height: 1.5;
}
.rp-app *, .rp-login-wrapper *, .rp-app *::before, .rp-app *::after, .rp-login-wrapper *::before, .rp-login-wrapper *::after {
	box-sizing: inherit;
}
/* Ensure standard WP content width restriction doesn't ruin app layout */
.entry-content .rp-app, .entry-content .rp-login-wrapper,
.rp-app, .rp-login-wrapper {
	margin: 0; padding: 0;
	width: 100%; max-width: none;
}