:root {
  /* Palette: #D35400, #5F6F52, #FEFAE0, #F39C12 */
  --primary-color: #D35400;
  --secondary-color: #5F6F52;
  --accent-color: #E67E22;
  --light-color: #FEFAE0;
  --dark-color: #2E332E;
  --gradient-primary: linear-gradient(to right, #D35400, #E67E22);
  --hover-color: #A04000;
  --background-color: #FCFCF8;
  --text-color: #4A4A4A;
  --border-color: #EAE4D5;
  --divider-color: #E0DACB;
  --shadow-color: rgba(211, 84, 0, 0.15);
  --highlight-color: #F39C12;
  
  --main-font: 'Poppins', sans-serif;
  --heading-font: 'Oswald', sans-serif;
}

body {
  font-family: var(--main-font);
  color: var(--text-color);
  background-color: var(--background-color);
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--heading-font);
  text-transform: uppercase;
}

.bg-pattern {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  opacity: 0.05;
  background-image: url("data:image/svg+xml,%3Csvg width='52' height='26' viewBox='0 0 52 26' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%235F6F52' fill-opacity='1'%3E%3Cpath d='M10 10c0-2.21-1.79-4-4-4-3.314 0-6-2.686-6-6h2c0 2.21 1.79 4 4 4 3.314 0 6 2.686 6 6 0 2.21 1.79 4 4 4 3.314 0 6 2.686 6 6 0 2.21 1.79 4 4 4v2c-2.21 0-4-1.79-4-4 0-3.314-2.686-6-6-6-2.21 0-4-1.79-4-4-3.314 0-6-2.686-6-6 0-2.21-1.79-4-4-4z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  pointer-events: none;
}

.card-soft {
  background: white;
  border-radius: 16px;
  box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.05);
}