@font-face {
  font-family: 'Aeonik';
  src: url('./font/AeonikTRIAL-Regular.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Aeonik';
  src: url('./font/AeonikTRIAL-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Aeonik';
  src: url('./font/AeonikTRIAL-Regular.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Aeonik';
  src: url('./font/AeonikTRIAL-Regular.otf') format('opentype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Aeonik';
  src: url('./font/AeonikTRIAL-Regular.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@tailwind base;
@tailwind components;
@tailwind utilities;

:root {
  font-family: 'Aeonik', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
  line-height: 1.5;
  font-weight: 300;

  color-scheme: light;
  color: #2c2c2c;
  background-color: #faf8f5;

  font-synthesis: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-size-adjust: 100%;
}

* {
  box-sizing: border-box;
}

body {
  margin: 0;
  min-width: 320px;
  min-height: 100vh;
  background-color: #faf8f5;
  color: #2c2c2c;
  font-family: 'Aeonik', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
  font-weight: 300;
}

#root {
  width: 100%;
  min-height: 100vh;
  background-color: #faf8f5;
}

/* Custom cream color palette - Only cream and black colors allowed */
.bg-cream-50 {
  background-color: #faf8f5;
}

.bg-cream-100 {
  background-color: #f5f2ed;
}

.bg-cream-200 {
  background-color: #ede7dd;
}

.bg-cream-300 {
  background-color: #e0d6c7;
}

.bg-cream-400 {
  background-color: #d1c2ad;
}

.bg-cream-500 {
  background-color: #c2ad93;
}

.bg-cream-600 {
  background-color: #8b7355;
}

.bg-cream-700 {
  background-color: #6b5b47;
}

.bg-cream-800 {
  background-color: #4a3f35;
}

.border-cream-200 {
  border-color: #ede7dd;
}

.border-cream-300 {
  border-color: #e0d6c7;
}

.border-cream-400 {
  border-color: #d1c2ad;
}

.text-cream-600 {
  color: #8b7355;
}

.text-cream-700 {
  color: #6b5b47;
}

.text-cream-800 {
  color: #4a3f35;
}

/* Override all colored elements to use cream tones */
.text-blue-600, .text-blue-500, .text-blue-700 {
  color: #2c2c2c !important;
}

.bg-blue-600, .bg-blue-700, .bg-blue-500 {
  background-color: #4a3f35 !important;
}

.hover\:bg-blue-700:hover, .hover\:bg-blue-600:hover {
  background-color: #6b5b47 !important;
}

.text-green-600, .text-green-500 {
  color: #2c2c2c !important;
}

.text-red-600, .text-red-500 {
  color: #2c2c2c !important;
}

.bg-red-50 {
  background-color: #f5f2ed !important;
}

.border-red-200 {
  border-color: #ede7dd !important;
}

.text-purple-600, .text-orange-600 {
  color: #2c2c2c !important;
}

.bg-gray-50, .bg-gray-100 {
  background-color: #f5f2ed !important;
}

.border-gray-300, .border-gray-200 {
  border-color: #ede7dd !important;
}

.text-gray-500, .text-gray-600 {
  color: #8b7355 !important;
}

.text-gray-700, .text-gray-800, .text-gray-900 {
  color: #2c2c2c !important;
}

.placeholder-gray-400, .placeholder-gray-500 {
  color: #8b7355 !important;
}

/* Global font styling */
h1, h2, h3, h4, h5, h6 {
  font-family: 'Aeonik', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
}

.font-aeonik {
  font-family: 'Aeonik', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
}
