/* ==========================================================================
   THEME COLOR CONFIGURATION (CURATDINNOU)
   Edit this file to change all site colors easily without searching the code!
   ========================================================================== */

:root {
   /* ==========================================================================
      1. BACKGROUNDS (FUNDALURI)
      ========================================================================== */

   /* Culoarea sau gradientul de fundal general al întregului site (Body) */
   --bg-soft-blue: var(--hero-lines-bg);

   /* Culoarea sau gradientul de fundal specific din spatele liniilor plutitoare (Secțiunea Hero de sus) */
   --hero-lines-bg: linear-gradient(135deg, #8abeff 0%, #c4ddff 100%);

   /* Culoarea de început a gradientului pentru fundalul subsolului (Footer) */
   --bg-dark: #0B0F19;

   /* Culoarea de sfârșit a gradientului pentru fundalul subsolului (Footer) */
   --bg-dark-secondary: #111827;

   /* Culoarea de fundal alb solid folosită pentru cardurile de servicii și formular */
   --bg-white: #ffffff;

   /* Culoarea de fundal gri deschis folosită pentru pașii procesului ("Cum funcționează") și cardurile FAQ */
   --bg-light: #F8FAFC;

   /* Culoarea de fundal a secțiunii de Servicii ("Ce servicii de curățenie oferim") */
   --services-bg: #f8fafc8c;

   /* Culoarea de fundal a meniului de sus (Header) când este fixat la scroll (are efect de sticlă) */
   --glass-bg: #ffffffbf;

   /* Culoarea conturului fin al meniului de sus (Header) când este fixat la scroll */
   --glass-border: #ffffff73;

   /* Culoarea de fundal a casetei transparente din spatele textului din Hero */
   --hero-glass-bg: #ffffff33;

   /* Culoarea conturului fin al casetei transparente din Hero */
   --hero-glass-border: #8abeff;


   /* ==========================================================================
      2. TEXT COLORS (CULORI TEXT)
      ========================================================================== */

   /* Culoarea titlurilor principale (H1, H2, H3, H4) și a textelor importante/îngroșate */
   --text-dark: #0F172A;

   /* Culoarea paragrafelor normale de text și a descrierilor generale */
   --text-neutral: #000000;

   /* Culoarea textelor secundare, de ex. descrierile mici din ecusoane sau detalii mici */
   --text-light: #94A3B8;

   /* Culoarea textului alb contrastant (pe butoanele închise sau în footer) */
   --text-white: #ffffff;

   /* Culoarea cifrelor mari de statistică din secțiunea Hero (ex: 51+, 100%) */
   --hero-stat-color: #0f2d5c;

   /* Culoarea textului din eticheta de deasupra calculatorului ("ESTIMARE PREȚ INSTANT") */
   --calc-badge-text: #0f2d5c;

   /* Culoarea de fundal a etichetei de deasupra calculatorului */
   --calc-badge-bg: var(--accent-light);


   /* ==========================================================================
      3. SITE COLOR PALETTE & BUTTONS (CULORI SITE & BUTOANE)
      ========================================================================== */

   /* Culoarea butoanelor principale (cum ar fi "Calculează Prețul") și fundalul insignelor active */
   --primary: #8abeff;
   --primary-rgb: 138, 190, 255;

   /* Culoarea butoanelor principale când ții cursorul pe ele (hover) */
   --primary-hover: #66a7ff;

   /* Culoarea link-urilor de trimitere, a iconițelor, steluțelor și textelor de accent */
   --accent: #1a80ff;
   --accent-rgb: 26, 128, 255;

   /* Culoarea elementelor de accent când cursorul este deasupra lor (hover) */
   --accent-hover: #0062e0;

   /* Culoare de fundal utilizată pentru link-urile active din submeniuri */
   --accent-light: #6f9cd8;


   /* ==========================================================================
      4. INTERACTIVE WebGL EFFECTS (EFECTE INTERACTIVE)
      ========================================================================== */

   /* Prima nuanță a gradientului liniilor plutitoare animate din Hero (WebGL) */
   --floating-line-color-1: #0f2d5c;

   /* A doua nuanță a gradientului liniilor plutitoare */
   --floating-line-color-2: #056eff;

   /* A treia nuanță a gradientului liniilor plutitoare */
   --floating-line-color-3: #8abeff;

   /* A patra nuanță a gradientului liniilor plutitoare */
   --floating-line-color-4: #cce2ff;

   /* Culoarea scânteilor interactive care apar atunci când dai click oriunde pe pagină */
   --click-spark-color: #8abeff;

   /* Prima culoare a marginilor strălucitoare de la cardurile de servicii la hover (Border Glow) */
   --border-glow-color-1: #8abeff;

   /* A doua culoare a marginilor strălucitoare de la carduri la hover */
   --border-glow-color-2: #1a80ff;

   /* A treia culoare a marginilor strălucitoare de la carduri la hover */
   --border-glow-color-3: #cce2ff;

   /* HSL de bază pentru border glow efect (fără paranteze, folosit în JavaScript) */
   --border-glow-hsl: 213 100 77;

   /* Intensitatea luminozității (glow) la marginea cardurilor (ex: 0.5 pentru discret, 1.2 pentru aprins) */
   --border-glow-intensity: 0.9;

   /* Opacitatea luminozității care umple interiorul cardului la hover (ex: 0.1 pentru discret, 0.25 pentru aprins) */
   --border-glow-opacity: 0.05;
}