html {
  scroll-behavior: smooth;
}
body,
html {
  height: 100%;
}

body {
  background-color: #0e0e12;
  background-image: url("/images/background.png"); /* doar imaginea */
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-attachment: fixed;
  color: #f8f9fa;
  font-family: "Inter", "Segoe UI", sans-serif;
  min-height: 100vh;
  margin: 0;
  padding: 0;
  overflow-x: hidden;
}

:root {
  /* Culori de bază */
  --color-bg-card: rgba(251, 251, 251, 0.25); /* #fbfbfb40 */
  --color-bg-button: #3a3a3a;
  --color-bg-button-hover: #99989b;

  /* Text */
  --color-heading: #b0b0b0;
  --color-paragraph: #d5d5d5;
  --color-white: #ffffff;

  /* Dimensiuni */
  --radius-large: 20px;
  --padding-section: 40px 24px;
  --padding-section-mobile: 20px;

  /* Umbre */
  --shadow-default: 0 6px 24px rgba(0, 0, 0, 0.08);
  --shadow-hover: 0 12px 32px rgba(0, 0, 0, 0.12);
}