/* root settings */

:root {
	  /* Primary Palette */
	  --vynd-dark: #121212;     /* Dark Base (Night) */
	  --vynd-light: #FFFFFF;    /* Light Base (Day)  */
	  --vynd-yellow: #FFB800;   /* Highlight Yellow  */

	  /* Secondary Palette (Gradient Core) */
	  --vynd-magenta: #A83279;
	  --vynd-purple: #5A2D82;   /* Royal Purple      */
	  --vynd-cobalt: #004AAD;   /* Cobalt Blue       */
	  --vynd-emerald: #0A9D7A;  /* Emerald Green     */

	/* Cobalt Blue Scale */
	--vynd-cobalt-900: #001E47; /* Text on white */
	--vynd-cobalt-800: #00347A; /* Dark UI backgrounds */
	--vynd-cobalt-700: #004AAD; /* Primary action */
	--vynd-cobalt-500: #337DFF; /* Hover / highlight */
	--vynd-cobalt-300: #66A3FF; /* Light backgrounds */
	--vynd-cobalt-50: #E6F0FF; /* Light backgrounds */
}

/* Theme mapping */
[data-theme="light"] {
  --bg: var(--vynd-light);
  --text: #000000;
  --text-body: #333333;
}

[data-theme="dark"] {
  --bg: var(--vynd-dark);
  --text: #FFFFFF;
  --text-body: #DDDDDD;
}

/* Global usage */
html,
body {
  background-color: var(--bg);
  color: var(--text-body);
}

/* root settings end */


/* logo */

.logo {
  display: block;
  width: 140px;
  height: 36px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  transition: background-image 0.3s ease;
}

[data-theme="light"] .logo {
  background-image: url("../img_theme/brand_veyond_black.png");
}

[data-theme="dark"] .logo {
  background-image: url("../img_theme/brand_veyond_white.png");
}
/* logo end */


/* consent */

#cookie-consent {
  background-color: var(--bg);
  color: var(--text-body);
  border-top: 2px solid var(--vynd-yellow);
  box-shadow: 0 -4px 12px rgba(0, 0, 0, 0.15);
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 1.2rem 0;
  z-index: 1000;
}

[data-theme="dark"] #cookie-consent {
  background-color: #1a1a1a;
}

/* consent end */


/* Typography */
@font-face {
  font-family: "Inter";
  src: url("../fonts/inter/Inter-Regular.woff2") format("woff2");
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Inter";
  src: url("../fonts/inter/Inter-Medium.woff2") format("woff2"); 
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Inter";
  src: url("../fonts/inter/Inter-SemiBold.woff2") format("woff2");
  font-style: normal;
  font-display: swap;
}

html, body {
  font-family: "Inter", 'Helvetica Neue', Helvetica, system-ui, sans-serif;
  font-size: 16px;
  line-height: 1.5;
}


/* Typography end */