/*
Theme Name: Padelswap Landing v6
Author: Albert Oliver
Version: 6.0.0
Description: Landing HTML convertida a tema WordPress (Tailwind CDN).
*/

/* === COMPAT MODE (if Tailwind config is ignored) === */
:root{
  --ps-primary: 110 188 108;
  --ps-secondary: 23 78 132;
  --ps-bg-light: 246 247 246;
  --ps-bg-dark: 21 29 21;
}

/* Basic colors */
.bg-primary{background-color: rgb(var(--ps-primary));}
.text-primary{color: rgb(var(--ps-primary));}
.border-primary{border-color: rgb(var(--ps-primary));}

.bg-secondary{background-color: rgb(var(--ps-secondary));}
.text-secondary{color: rgb(var(--ps-secondary));}
.border-secondary{border-color: rgb(var(--ps-secondary));}

.bg-background-light{background-color: rgb(var(--ps-bg-light));}
.bg-background-dark{background-color: rgb(var(--ps-bg-dark));}
.text-background-dark{color: rgb(var(--ps-bg-dark));}

/* Opacity variants used in the HTML */
.bg-primary\/20{background-color: rgb(var(--ps-primary) / 0.2);}
.bg-primary\/10{background-color: rgb(var(--ps-primary) / 0.1);}
.bg-primary\/30{background-color: rgb(var(--ps-primary) / 0.3);}
.border-primary\/30{border-color: rgb(var(--ps-primary) / 0.3);}
.border-primary\/50{border-color: rgb(var(--ps-primary) / 0.5);}
.shadow-primary\/20{--tw-shadow-color: rgb(var(--ps-primary) / 0.2);}

.bg-secondary\/90{background-color: rgb(var(--ps-secondary) / 0.9);}

/* Dark body defaults (to match the original look even if WP injects stuff) */
html.dark body{
  background-color: rgb(var(--ps-bg-dark));
  color: rgb(241 245 249);
}