:root{
/* ==========================================================
   1. CULORI DE BAZA - aici schimbi culorile site-ului.
   Nuantele si rolurile de mai jos se recalculeaza automat.
   ========================================================== */
--sh-primary:#0f6fb8;
--sh-secondary:#2392bb;
--sh-accent:#C9824A;
--sh-success:#1fae6e;
--sh-dark:#0b1a2b;
--sh-ink:#0c1824;
--sh-white:#fff;

/* ==========================================================
   2. NUANTE CALCULATE - de regula nu se modifica
   ========================================================== */
--sh-primary-dark:color-mix(in srgb,var(--sh-primary) 78%,#000);
--sh-primary-deep:color-mix(in srgb,var(--sh-primary) 85%,#000);
--sh-primary-bright:color-mix(in srgb,var(--sh-primary) 90%,var(--sh-white));
--sh-primary-light:color-mix(in srgb,var(--sh-primary) 78%,var(--sh-white));
--sh-primary-tint-3:color-mix(in srgb,var(--sh-primary) 3%,var(--sh-white));
--sh-primary-tint-6:color-mix(in srgb,var(--sh-primary) 6%,var(--sh-white));
--sh-primary-tint-10:color-mix(in srgb,var(--sh-primary) 10%,var(--sh-white));
--sh-primary-tint-18:color-mix(in srgb,var(--sh-primary) 18%,var(--sh-white));
--sh-primary-tint-45:color-mix(in srgb,var(--sh-primary) 45%,var(--sh-white));
--sh-secondary-tint-10:color-mix(in srgb,var(--sh-secondary) 10%,var(--sh-white));
--sh-secondary-tint-25:color-mix(in srgb,var(--sh-secondary) 25%,var(--sh-white));
--sh-secondary-tint-58:color-mix(in srgb,var(--sh-secondary) 58%,var(--sh-white));
--sh-accent-dark:color-mix(in srgb,var(--sh-accent) 75%,#000);
--sh-accent-tint:color-mix(in srgb,var(--sh-accent) 16%,var(--sh-white));
--sh-success-dark:color-mix(in srgb,var(--sh-success) 90%,#000);
--sh-success-tint:color-mix(in srgb,var(--sh-success) 12%,var(--sh-white));

/* ==========================================================
   3. ROLURI - folosite de componente
   ========================================================== */
--sh-text:var(--sh-ink);
--sh-ink-2:color-mix(in srgb,var(--sh-ink) 84%,var(--sh-white));
--sh-ink-3:color-mix(in srgb,var(--sh-ink) 74%,var(--sh-white));
--sh-ink-4:color-mix(in srgb,var(--sh-ink) 50%,var(--sh-white));

--sh-bg:var(--sh-white);
--sh-bg-soft:color-mix(in srgb,var(--sh-ink) 4%,var(--sh-white));
--sh-bg-tint:var(--sh-primary-tint-6);
--sh-bg-footer:var(--sh-primary-tint-6);

--sh-border:color-mix(in srgb,var(--sh-ink) 11%,var(--sh-white));
--sh-border-soft:color-mix(in srgb,var(--sh-ink) 6%,var(--sh-white));
--sh-border-input:color-mix(in srgb,var(--sh-ink) 16%,var(--sh-white));
--sh-border-tint:var(--sh-primary-tint-18);

/* text pe fundal inchis sau primar */
--sh-on-dark:var(--sh-white);
--sh-on-dark-soft:color-mix(in srgb,var(--sh-primary) 8%,var(--sh-white));
--sh-on-dark-muted:color-mix(in srgb,var(--sh-dark) 22%,var(--sh-white));
--sh-on-dark-accent:var(--sh-primary-tint-45);

/* accent: fundal, text mic pe alb, text peste fundalul accent */
--sh-accent-text:var(--sh-accent-dark);
--sh-on-accent:var(--sh-ink);

/* suprapuneri albe translucide */
--sh-glass-7:color-mix(in srgb,var(--sh-white) 7%,transparent);
--sh-glass-15:color-mix(in srgb,var(--sh-white) 15%,transparent);
--sh-glass-28:color-mix(in srgb,var(--sh-white) 28%,transparent);
--sh-glass-70:color-mix(in srgb,var(--sh-white) 70%,transparent);
--sh-glass-96:color-mix(in srgb,var(--sh-white) 96%,transparent);
--sh-grid-line:color-mix(in srgb,var(--sh-primary-bright) 7%,transparent);

/* gradiente */
--sh-gradient-hero:linear-gradient(180deg,var(--sh-primary-tint-10) 0%,var(--sh-primary-tint-3) 100%);
--sh-gradient-cta:linear-gradient(135deg,var(--sh-primary) 0%,var(--sh-secondary) 100%);
--sh-gradient-band:linear-gradient(100deg,var(--sh-primary) 0%,var(--sh-primary-bright) 55%,var(--sh-primary-light) 100%);

/* umbre */
--sh-shadow-sm:0 1px 3px color-mix(in srgb,var(--sh-ink) 12%,transparent);
--sh-shadow-card:0 18px 40px -24px color-mix(in srgb,var(--sh-primary) 45%,transparent);
--sh-shadow-mega:0 24px 48px -24px color-mix(in srgb,var(--sh-ink) 25%,transparent);
--sh-shadow-media:0 40px 80px -40px color-mix(in srgb,var(--sh-primary) 35%,transparent);

/* ==========================================================
   4. TIPOGRAFIE SI DIMENSIUNI
   ========================================================== */
--sh-font:'Inter',system-ui,sans-serif;
--sh-font-mono:'Geist Mono',monospace;
--sh-container:1240px;
--sh-gutter:24px;
--sh-radius-sm:8px;
--sh-radius:10px;
--sh-radius-md:14px;
--sh-radius-lg:16px;
--sh-radius-xl:20px;
--sh-header-h:72px;
}