/* IMPORT FONTS */
@import url("https://fonts.googleapis.com/css2?family=Oswald:wght@600&family=Permanent+Marker&display=swap");

:root {
  --concrete-bg: #dfdfdf;
  --ink: #000000;
  --paper-white: #ffffff;
  --tape-color: #f2eecb;
  --font-main: "Courier New", Courier, monospace;
  --font-title: "Oswald", sans-serif;
  --glass-bg: rgba(249, 248, 245, 0.6);
  --glass-border: 1px solid rgba(255, 255, 255, 0.4);
  --glass-blur: blur(20px);
  --shadow-soft: 0 20px 40px -10px rgba(0, 0, 0, 0.3);
}

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

body {
  background-color: #ffffff;
  font-family: var(--font-main);
  font-weight: 300;
  color: var(--ink);
  overflow-x: hidden;
}

body::before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 100px;
  background: linear-gradient(135deg, 
    rgba(255, 255, 255, 0.5) 0%, 
    rgba(255, 255, 255, 0.3) 100%);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  z-index: 99;
  pointer-events: none;
}

/* Styles communs pour header, footer, etc. seront dans header.php et footer.php */