/*
Noviqo Theme design tokens — NOVIQO BRAND palette.
Navy #19203C + Intelligence Blue #2563EB + Growth Green #15A06B.
Source: NOVIQO Design System (claude.ai/design project 8e8bfe82-1d91-48d3-bca6-7949360e90d7).
Drop-in replacement for noviqo_theme_tokens_blue.css.
To switch: change the token file loaded in hooks.py.
*/

@import url('https://fonts.googleapis.com/css2?family=Sora:wght@400;500;600;700;800&family=Plus+Jakarta+Sans:ital,wght@0,400;0,500;0,600;0,700;1,400&family=IBM+Plex+Mono:wght@400;500;600&display=swap');

:root,
[data-theme="light"],
.noviqo-theme {
	/* ---- Typography ---- */
	--font-display: 'Sora', system-ui, -apple-system, 'Segoe UI', sans-serif;
	--font-body:    'Plus Jakarta Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
	--font-mono:    'IBM Plex Mono', ui-monospace, 'SFMono-Regular', Menlo, monospace;

	/* ---- Raw brand scale (referenced directly by login split-panel) ---- */
	--noviqo-navy-900: #11162b;
	--noviqo-navy-800: #19203c;
	--noviqo-navy-700: #232c4f;
	--noviqo-blue-700: #1d4fb0;
	--noviqo-blue-600: #2563eb;
	--noviqo-blue-400: #60a5fa;
	--noviqo-green-600: #15a06b;
	--noviqo-green-500: #1cc188;

	--noviqo-primary:        #2563eb;
	--noviqo-primary-hover:  #1d4fb0;
	--noviqo-primary-soft:   #eef4ff;
	--noviqo-accent:         #15a06b;
	--noviqo-accent-soft:    #e8faf2;
	--noviqo-bg:             #f7f8fa;
	--noviqo-bg-strong:      #eef0f4;
	--noviqo-surface:        #ffffff;
	--noviqo-surface-raised: #ffffff;
	--noviqo-border:         #e1e4ec;
	--noviqo-border-strong:  #cbd0dd;
	--noviqo-text:           #3a3f4d;
	--noviqo-text-muted:     #6b7280;
	--noviqo-text-light:     #9aa1b5;
	--noviqo-radius-sm: 6px;
	--noviqo-radius-md: 10px;
	--noviqo-radius-lg: 14px;
	--noviqo-shadow-sm: 0 1px 3px rgba(17, 22, 43, 0.08), 0 1px 2px rgba(17, 22, 43, 0.05);
	--noviqo-shadow-md: 0 4px 12px rgba(17, 22, 43, 0.08), 0 2px 4px rgba(17, 22, 43, 0.05);
	--noviqo-shadow-lg: 0 12px 28px rgba(17, 22, 43, 0.12), 0 4px 8px rgba(17, 22, 43, 0.06);
	--noviqo-focus:     0 0 0 3px rgba(37, 99, 235, 0.16);

	--primary: var(--noviqo-primary);
	--brand-color: var(--noviqo-primary);
	--primary-color: var(--noviqo-primary);
	--btn-primary: var(--noviqo-primary);
	--border-primary: var(--noviqo-primary);
	--progress-bar-bg: var(--noviqo-primary);

	--fg-color: var(--noviqo-surface);
	--subtle-accent: var(--noviqo-accent-soft);
	--subtle-fg:            #eef4ff;
	--navbar-bg: rgba(255, 255, 255, 0.94);
	--card-bg: var(--noviqo-surface);
	--modal-bg: var(--noviqo-surface);
	--popover-bg: var(--noviqo-surface);
	--control-bg:           #f5f8ff;
	--control-bg-on-gray:   #eef4ff;
	--awesomebar-focus-bg: var(--noviqo-surface);
	--fg-hover-color:       #eef4ff;
	--sidebar-select-color: #dbe7fe;

	--text-color: var(--noviqo-text);
	--text-muted: var(--noviqo-text-muted);
	--text-light: var(--noviqo-text-light);
	--heading-color: var(--noviqo-navy-800);
	--disabled-text-color:  #9ca3af;
	--placeholder-color:    #9aa1b5;

	--border-color: var(--noviqo-border);
	--dark-border-color: var(--noviqo-border-strong);
	--table-border-color: var(--noviqo-border);
	--btn-group-border-color: var(--noviqo-border);
	--highlight-color:      #eef4ff;
	--yellow-highlight-color: #fff6d8;

	--btn-default-bg:       #eef4ff;
	--btn-default-hover-bg: #dbe7fe;
	--btn-shadow: var(--noviqo-shadow-sm);
	--card-shadow: var(--noviqo-shadow-sm);
	--modal-shadow: var(--noviqo-shadow-lg);

	--scrollbar-thumb-color: #cbd0dd;
	--scrollbar-track-color: #eef4ff;

	/* Desk / Web RGBA tokens */
	--noviqo-navbar-border:        rgba(37, 99, 235, 0.14);
	--noviqo-navbar-shadow:        rgba(17, 22, 43, 0.06);
	--noviqo-workspace-border:     rgba(37, 99, 235, 0.12);
	--noviqo-input-bg:             #f7f9fe;
	--noviqo-field-bg:             #fafbfd;
	--noviqo-grid-bg:              #eef0f4;
	--noviqo-modal-header-bg:      #f7f9fe;
	--noviqo-input-focus-border:   rgba(37, 99, 235, 0.42);
	--noviqo-btn-primary-shadow:   rgba(37, 99, 235, 0.2);
	--noviqo-footer-gradient:      linear-gradient(90deg, #19203c 0%, #2563eb 100%);

	/* Login specifics — split-panel layout */
	--noviqo-login-panel-gradient: linear-gradient(150deg, var(--noviqo-navy-900) 0%, var(--noviqo-navy-800) 48%, var(--noviqo-blue-700) 130%);
	--noviqo-login-overline-color: var(--noviqo-blue-400);
	--noviqo-login-tagline-accent: var(--noviqo-green-500);
	--noviqo-login-node-opacity: 0.12;
	--noviqo-brand-text:           #19203c;
	--noviqo-login-text:           #1e2b3a;
	--noviqo-login-copy:           #555555;
	--noviqo-login-help-text:      #3d4a5a;
	--noviqo-login-subtitle:       #6b7280;
	--noviqo-login-card-shadow:    rgba(17, 22, 43, 0.09);
	--noviqo-login-input-border:   #cbd0dd;
	--noviqo-login-input-text:     #2a3a4a;
	--noviqo-login-placeholder:    #9aa1b5;
	--noviqo-login-focus-shadow:   rgba(37, 99, 235, 0.16);
	--noviqo-login-toggle-color:   #7a9ccf;
	--noviqo-gradient-start:       #2563eb;
	--noviqo-gradient-end:         #1d4fb0;
	--noviqo-gradient-hover-start: #3b82f6;
	--noviqo-gradient-hover-end:   #1d4fb0;
	--noviqo-login-opt-bg:         #f5f8ff;
	--noviqo-login-opt-text:       #3d5a72;
}

[data-theme="dark"] {
	--noviqo-primary:       #60a5fa;
	--noviqo-primary-hover: #3b82f6;
	--noviqo-primary-soft:  rgba(37, 99, 235, 0.18);
}