@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap");
@import url('https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=DynaPuff:wght@400..700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=DynaPuff:wght@400..700&family=New+Rocker&display=swap');



:root {
  --body-color: #e4e9f7;
  --body-color-01: #73d821;
  --body-color-linear: linear-gradient(135deg, #71b7e6, #9b59b6);
  --body-color-linear1: linear-gradient(135deg, #030574, #055f9b, #030574);
  --nav-color: #312ecb;
  --bord-color: #080770;
  --side-color: #010718;
  --side-nav: #435a9b;
  --side-nav-01: #5c7fdf;
  --text-color: #fff;
  --text-color-01: #161616;
  --text-color-02: #7895e4;
  --text-color-03: #102b05;
  --search-bar: #f2f2f2;
  --search-text: #010718;
  --horizontal-color: #010718;
  --color-tip-01: #27a810;
  --color-tip-02: #770808;
  --color-tip-03: #0a1683;
  --color-tip-04: #7b3bf1;
  --test-color-01: #ff0000;
  --test-color-02: #2bff00;  
  --test-color-03: #c280e9;
  --localText: #2a5e07;
  --localBg: #203d0c;
  --scroll-thumb: #0a1683;; /* Culoarea mânerului */
  --scroll-track: #e0e0e0; /* Culoarea fundalului */

  --color-casa: #F4EDE6;
  --color-gradina: #478559;
  --color-auto: #0F2862;
  --color-foisor: #634033;
  --color-altele: #6B609E;
  --bg-page: #f0f2f5;
  --bg-card: #ffffff;
  --text-main: #1a1a1b;

}

[data-theme="dark"] {
  /* FUNDALURI & GRADIENTURI */
  --body-color: #121212;                /* Gri foarte închis, aproape negru */
  --body-color-01: #458a14;             /* Verdele devine mai potolit (forest green) */
  --body-color-linear: linear-gradient(135deg, #1e3a8a, #581c87); /* Gradient închis */
  --body-color-linear1: linear-gradient(135deg, #010231, #023658, #010231);
  
  /* NAVIGAȚIE & STRUCTURĂ */
  --nav-color: #1a1a1b;                 /* Navbar închis */
  --bord-color: #312ecb;                /* Border-ul devine accent luminos */
  --side-color: #000000;                /* Sidebar complet negru pentru adâncime */
  --side-nav: #1e293b;                  /* Bleumarin-gri desaturat */
  --side-nav-01: #334155;
  
  /* TEXTE */
  --text-color: #f8fafc;                /* Alb "murdar" (mai odihnitor decât albul pur) */
  --text-color-01: #e2e8f0;             /* Text secundar deschis */
  --text-color-02: #a5b4fc;             /* Albastru pal pentru contrast */
  --text-color-03: #dcfce7;             /* Verde foarte deschis pentru lizibilitate */
  
  /* INPUTS & INTERACȚIUNE */
  --search-bar: #2d2d2d;                /* Câmp de căutare închis */
  --search-text: #ffffff;
  --horizontal-color: #435a9b;          /* Linie separatoare mai vizibilă */
  
  /* ACCENTE (TIPS & TESTS) */
  --color-tip-01: #4ade80;              /* Verde neon */
  --color-tip-02: #f87171;              /* Roșu pastel */
  --color-tip-03: #60a5fa;              /* Albastru ciel */
  --color-tip-04: #a78bfa;              /* Mov deschis */
  
  --test-color-01: #ff4d4d;             /* Roșu mai puțin strident */
  --test-color-02: #86efac;             /* Verde fosforescent */
  --test-color-03: #d8b4fe;             /* Violet pal */
  
  /* ELEMENTE LOCALE & SCROLL */
  --localText: #86efac;
  --localBg: #052e16;                   /* Fundal verde foarte închis */
  --scroll-thumb: #312ecb;              /* Mâner scroll albastru electric */
  --scroll-track: #1e1e1e;              /* Fundal scroll închis */


  --color-casa: #2C2C2E;
  --color-gradina: #2D4F38;
  --color-auto: #51D0DE;
  --color-foisor: #A67B5B;
  --color-altele: #BF4AA8;
  --bg-page: #121212;
  --bg-card: #1e1e1e;
  --text-main: #e4e6eb;

}

body{
  /* background: var(--body-color-linear) no-repeat center center/cover; */
   background: rgb(143, 160, 237); /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(135deg, #71b7e6, #9b59b6, #71b7e6); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(135deg, #71b7e6, #9b59b6, #71b7e6); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(135deg, #71b7e6, #9b59b6, #71b7e6); /* For Firefox 3.6 to 15 */
  background: linear-gradient(135deg, #71b7e6, #9b59b6, #71b7e6); /* Standard syntax */
  }
a{text-decoration: none;}
/* link nevizitat  */
 /* a:link {color:#FF0000;} */
/* link vizitat */
/* a:visited {color:#00FF00;} */
/* mouse peste link */
/* a:hover {color:#FF00FF;} */
/* link selectat */
a:active {color:#0000FF;}

.localTest{
  background-color: var(--localBg);
  color: var(--localText);
  
}
textarea:invalid {
  border: 2px dashed red;
}

textarea:valid {
  border: 2px solid var(--color-tip-03);
}
/* scrollbar */
/* --- 1. SCROLLBAR UNIVERSAL (2026) --- */
.table-body {
    scrollbar-width: thin;
    scrollbar-color: #055f9b #f1f1f1; /* Firefox */
}

.table-body::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

.table-body::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;
}

.table-body::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, #030574, #055f9b);
    border-radius: 10px;
    border: 2px solid #f1f1f1;
}




/*END scrollbar */

/* Modificare Data - dd/mm/yyyy */
/* Forțăm afișarea unui format vizual în browserele bazate pe Webkit (Chrome, Edge, Safari) */
input[type="date"]::-webkit-datetime-edit-year-field {
    order: 3;
}
input[type="date"]::-webkit-datetime-edit-month-field {
    order: 2;
}
input[type="date"]::-webkit-datetime-edit-day-field {
    order: 1;
}
/*END Modificare Data - dd/mm/yyyy */