/* ==========================================================================
   Wiseleader TOES OS — Design tokens
   Sursa unică de adevăr pentru culori, tipografie, spațiere.
   Culori de brand (din logo): #C8B7A7, #333333 · accente: #C8995A, #16515B
   ========================================================================== */

@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 400 700;
	font-display: swap;
	src: url('../fonts/montserrat-var-latin-ext.woff2') format('woff2');
	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 400 700;
	font-display: swap;
	src: url('../fonts/montserrat-var-latin.woff2') format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
	/* Brand */
	--wl-beige:      #C8B7A7;
	--wl-ink:        #333333;
	--wl-gold:       #C8995A;
	--wl-teal:       #16515B;

	/* Derivate */
	--wl-beige-050:  #FAF7F3;   /* fundal aplicație */
	--wl-beige-100:  #F3EDE6;   /* fundal secundar, hover pe carduri */
	--wl-beige-200:  #E7DDD1;   /* borduri */
	--wl-beige-300:  #D8CBBC;
	--wl-gold-600:   #B37F3D;   /* hover CTA, contrast mai bun pe alb */
	--wl-gold-050:   #FAF3E9;
	--wl-teal-700:   #0E3B43;   /* hover secundar */
	--wl-teal-050:   #E9F1F2;
	--wl-ink-soft:   #5C554E;   /* text secundar */
	--wl-ink-muted:  #8A8178;   /* text terțiar, placeholders */

	/* Semantice (accesibile pe alb) */
	--wl-success:    #2E7D4F;
	--wl-success-bg: #E8F4EC;
	--wl-warning:    #A96A10;
	--wl-warning-bg: #FBF1DF;
	--wl-danger:     #B3372E;
	--wl-danger-bg:  #FBEAE8;
	--wl-info:       var(--wl-teal);
	--wl-info-bg:    var(--wl-teal-050);

	/* Suprafețe */
	--wl-surface:    #FFFFFF;
	--wl-bg:         var(--wl-beige-050);
	--wl-border:     var(--wl-beige-200);

	/* Tipografie */
	--wl-font: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
	--wl-text-xs:  0.75rem;
	--wl-text-sm:  0.875rem;
	--wl-text-md:  1rem;
	--wl-text-lg:  1.125rem;
	--wl-text-xl:  1.375rem;
	--wl-text-2xl: 1.75rem;

	/* Spațiere & forme */
	--wl-space-1: 4px;
	--wl-space-2: 8px;
	--wl-space-3: 12px;
	--wl-space-4: 16px;
	--wl-space-5: 24px;
	--wl-space-6: 32px;
	--wl-space-7: 48px;
	--wl-radius-sm: 8px;
	--wl-radius:    12px;
	--wl-radius-lg: 16px;
	--wl-shadow-sm: 0 1px 2px rgba(51, 51, 51, .06);
	--wl-shadow:    0 4px 16px rgba(51, 51, 51, .08);
	--wl-shadow-lg: 0 12px 32px rgba(51, 51, 51, .14);

	/* Layout aplicație */
	--wl-sidebar-w: 248px;
	--wl-topbar-h:  60px;
	--wl-bottomnav-h: 62px;
}