/* ==========================================================================
   Econometru — Design tokens (sistem unic de culoare/spațiere/tipografie)
   Sursa unică pentru paletă. Custom properties → se rezolvă global din :root.
   Dieter Rams / funcțional. Contraste verificate ≥ AA.
   ========================================================================== */

:root {
	/* ---- Brand ---- */
	--color-primary:        #0d4f93;   /* albastru de încredere — 7.8:1 pe alb */
	--color-primary-strong: #0a3d72;   /* hover/active */
	--color-primary-soft:   #eaf1f8;   /* fundal hero/secțiune */
	--color-on-primary:     #ffffff;

	/* ---- Accent cald (parcimonios: CTA principal, focus, hover) ---- */
	--color-accent:         #b45309;   /* terracotta închis — 5.0:1 pe alb */
	--color-accent-strong:  #93420a;
	--color-on-accent:      #ffffff;

	/* ---- Neutri ---- */
	--color-ink:      #14222f;   /* titluri */
	--color-text:     #33424f;   /* corp text */
	--color-muted:    #5a6b7a;   /* secundar */
	--color-border:   #d8e1ec;   /* borduri/diviziuni */
	--color-surface:  #ffffff;   /* carduri/fundal */
	--color-surface-subtle: #f5f8fb;

	/* ---- Semantice (doar stare) ---- */
	--color-success: #1a6e37;  --color-success-bg: #eaf5ee;
	--color-danger:  #b3261e;  --color-danger-bg:  #fdeceb;
	--color-warning: #8a5300;  --color-warning-bg: #fff4e5;

	/* ---- Tipografie ---- */
	--font-sans: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
	--text-sm: .9375rem;  --text-base: 1rem;  --text-lg: 1.125rem;
	--text-xl: 1.375rem;  --text-2xl: 1.75rem;
	--text-hero: clamp(2rem, 1.2rem + 3vw, 2.75rem);
	--leading-tight: 1.2;  --leading-normal: 1.6;

	/* ---- Spațiere (bază 4px) ---- */
	--space-1: .25rem; --space-2: .5rem; --space-3: .75rem; --space-4: 1rem;
	--space-5: 1.5rem; --space-6: 2rem; --space-7: 3rem; --space-8: 4rem;

	/* ---- Rază / umbră / focus ---- */
	--radius-sm: 6px; --radius-md: 10px; --radius-lg: 14px;
	--shadow-sm: 0 1px 2px rgba(20,34,47,.06);
	--shadow-md: 0 6px 20px rgba(13,58,107,.10);
	--focus-color: var(--color-accent);

	/* ---- Layout ---- */
	--container: 1080px;
}

/* ---- Dark mode — paletă proprie AA (nu inversare) ---- */
:root[data-theme="dark"] {
	--color-primary:        #6aa9e0;   /* 6.6:1 pe surface */
	--color-primary-strong: #8cbef0;
	--color-primary-soft:   #11243a;
	--color-on-primary:     #08121d;

	--color-accent:         #e08a3c;   /* 6.3:1 pe surface */
	--color-accent-strong:  #f0a25a;
	--color-on-accent:      #1a1106;

	--color-ink:      #eaf1f8;
	--color-text:     #cdd9e6;
	--color-muted:    #9fb0c0;
	--color-border:   #243648;
	--color-surface:  #0f1b27;
	--color-surface-subtle: #13212f;

	--color-success: #5cc98a;  --color-success-bg: #10271a;
	--color-danger:  #f08a82;  --color-danger-bg:  #2a1210;
	--color-warning: #e0a85a;  --color-warning-bg: #2a1f0a;

	--shadow-sm: 0 1px 2px rgba(0,0,0,.4);
	--shadow-md: 0 6px 20px rgba(0,0,0,.5);
}

/* Dark mode: fundalul general al paginii + textul implicit. */
:root[data-theme="dark"] body {
	background: var(--color-surface);
	color: var(--color-text);
}