/*!*****************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[3]!./src/app/globals.css ***!
  \*****************************************************************************************************************************************************************************************************************************************************************/
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap');

:root {
  --primary-main: #a855f7;
  --primary-dark: #7e22ce;
  --primary-light: #c084fc;
  --secondary-main: #14b8a6;
  --background-default: #0f0f13;
  --background-paper: #171721;
  --text-primary: #f3f4f6;
  --text-secondary: #9ca3af;
}

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

body {
  font-family: 'Outfit', 'Roboto', sans-serif;
  background-color: var(--background-default);
  color: var(--text-primary);
  min-height: 100vh;
  transition: background-color 0.25s ease, color 0.25s ease;
}

/* Glassmorphism helper class */
.glass-card {
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

/* Autofill override to match current theme mode without dark overlay in light mode */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  -webkit-text-fill-color: var(--text-primary) !important;
  box-shadow: 0 0 0px 1000px var(--background-paper) inset !important;
  -webkit-transition: background-color 5000s ease-in-out 0s;
  transition: background-color 5000s ease-in-out 0s;
}

/* Enforce uniform font and styles on inputs and pasted text */
input, textarea, select {
  font-family: inherit;
  color: var(--text-primary);
}