@font-face {
  font-family: 'roboto';
  src: url('wp-content/themes/spatialists/static/fonts/Roboto-Regular.woff2') format('woff2');
  font-weight: 200;
}
@font-face {
  font-family: 'inter';
  src: url('wp-content/themes/spatialists/static/fonts/Inter_24pt-Regular.woff2') format('woff2');
  font-weight: 200;
}
@font-face {
  font-family: 'Texgyr';
  src: url('wp-content/themes/spatialists/static/fonts/TeXGyreHeros-Bold.woff') format('woff2');
  font-weight: 400;
}
@font-face {
  font-family: 'founders';
  src: url('wp-content/themes/spatialists/static/fonts/Founders_Grotesk.woff2') format('woff2');
  font-weight: 200;
}
@font-face {
  font-family: 'GeneralSans';
  src: url('../../static/fonts/GeneralSans-Regular.woff2') format('woff2'),
       url('../../static/fonts/GeneralSans-Regular.woff') format('woff');
  font-weight: 400;
  font-display: swap;
  font-style: normal;
}




:root {
    --color1: black;
	--color2: white;
    --color3: #fe4708;
	--color4: #d7ff00;
  	--grey: grey;
      --footer-background: #fe4708; 
    --font--sans: 'founders', sans-serif;
	--cursor-size: 24px;          
    --font-weight: 400; 
  --clr-black: #141211;
  --clr-white: #fefefe;
  transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out;
  --footer-bg: var(--color3);
   --bg-light: var(--clr-white);
  --bg-dark: var(--clr-black);

  --current-background: var(--clr-white);
  --font-size-xs: 0.8rem;
  --font-size-base: 1.1rem;
  --font-size-lg: 2rem;
   --font-size-xl: 5.4rem;
	  --current-text-color: #000000;
} 


/* Styles généraux */
html, body {

	font-size: var(--font-size-base);
	font-weight:400;
   margin: 0;
    padding: 0;
      font-family: var(--font--sans);
    color: black;
    box-sizing: border-box;
  /* cursor: none !important; */
  min-height: 100vh;
	  color: var(--current-text-color, #000);
    margin: 0; 
	overflow-x: hidden; 
	 background: var(--current-background);


  transition: background 0.8s ease, color 0.3s ease;
}

body[light] {
    

}

::selection {
  background-color: #a0bdf8;
}
body[dark] ::selection {
  background-color: #5031fe
}
body[dark] {


}
body[dark] .tag-btn.active{
  background-color: var(--clr-white);
  color: var(--clr-black);
}
body[dark] .tag-btn.active .check-circle {
  background: var(--clr-black);
}
body[dark] button,
body[dark] .pastille,
body[dark] a,
body[dark] .project-list.list-view .grid_item_footer,
body[dark] .project-list.list-view .grid_item_title {
  color: var(--clr-white);
}

body[dark] .pastille, body[dark] .filter-btn, body[dark] .tag-btn .check-circle  {
  color: var(--clr-white);
  border: 1px solid var(--clr-white);
}
.big_title{
    font-size: var(--font-size-xl);
}


.footer-visible a,
.footer-visible h1,
.footer-visible h2,
.footer-visible p {
  color: #fff !important;
}
.footer .pastille {
  border: 1px solid var(--clr-white);
}
button {
  background: none;
  border: none;
  padding: 1em
}
.about-team, .about-section, .contact, .projects, .quote, .project-container, .gallery-image, .section-quote {

    padding-right: 2rem;
     padding-left: 2rem;
      padding-top: 2rem;
  padding-bottom: 3rem;
}

.hover_orange:hover {
  background-color: var(--color3);
  color: var(--clr-white);
  border: 1px solid var(--clr-white);
}
.hover_white:hover {
  color: white;
}

.tag-btn:hover, .filter-btn:hover,
.filter-btn.active {
    background: var(--clr-black);
    color: white;
  transition: 0.2s ease-in-out;
} 

a:hover, .dropdown-toggle:hover {
	  color: var(--color3);

}
.has-dropdown.open > .dropdown-toggle:hover, .has-dropdown.open > a:hover {
  color: white;
}
.container {
    width: 90%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px;
}

nav ul {
    list-style: none;
    padding: 0;
    gap: 20px;
}

nav ul li a {
    text-decoration: none;
    color: var(--color1);

}
h1, h2, h3 {
	padding: 0;
  font-weight: 400;
}

section {
  margin-bottom: 2rem;
}
p{ 
  margin:0;
}






h1 {
    font-size: var(--font-size-lg);
  margin-bottom: 0.5em;
  text-transform: uppercase;

}

h2 {
    font-size: var(--font-size-base);
		margin-bottom: 0.5em;


}
h3 {
	font-weight: normal;
	margin: 0;
  margin-bottom: 1rem;

}



a {
  color: var(--color1);
  text-decoration: underline;
  transition: color 0.4s ease-in-out, transform 0.3s ease;

  
}
/* Ton cercle */
/* --- SVG Cursor --- */
#cursor {
  position: fixed;
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
  pointer-events: none;
  z-index: 99999;
  transform: translate(-50%, -50%);
  mix-blend-mode: normal; 
 transition: transform 0.15s ease-out; }


#cursor-ring {
  fill: var(--color3);
  stroke: var(--color3); 
  stroke-width: 2;
  vector-effect: non-scaling-stroke;
}

/* Hover état */

#cursor.cursor--link #cursor-ring {
    fill: none;
  stroke-width: 3;
}

/* Agrandissement */
#cursor.is-big {
  transform: scale(1.6);
}

/* Ripple click */
#cursor.is-click #cursor-ring {
  animation: cursor-ripple 300ms ease;
}

@keyframes cursor-ripple {
  0%   { stroke-dasharray: 62.8; stroke-dashoffset: 62.8; }
  100% { stroke-dasharray: 62.8; stroke-dashoffset: 0; }
}
/* .project-item img:hover, .team-card img:hover,.project-thumb img:hover {
  transition: all 0.6s ease;
	border-radius: 50px;
} */
.project-item img,
.team-card img,
.project-thumb img {
  transition: all 0.6s ease;
  border-radius: 0;
}

.project-item img:hover,
.team-card img:hover,
.project-thumb img:hover {
  border-radius: 50px;
  transform: scale(1.05);
  box-shadow: 0 8px 20px rgba(0,0,0,0.2);
}