@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700;800&family=Space+Grotesk:wght@500;600;700&family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;1,400&family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;700&display=swap');
@import "tailwindcss";

@theme {
  --font-sans: "Inter", "Cairo", ui-sans-serif, system-ui, sans-serif;
  --font-display: "Playfair Display", "Space Grotesk", "Cairo", sans-serif;
  --font-serif: "Playfair Display", "Georgia", serif;
  --font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, monospace;

  /* Natural Tones Palette Override */
  --color-teal-50: #FAF9F6;
  --color-teal-100: #E5E4D7;
  --color-teal-200: #D8D7C7;
  --color-teal-300: #C3C2AD;
  --color-teal-400: #ADAC93;
  --color-teal-500: #989779;
  --color-teal-600: #8C8C64;
  --color-teal-700: #8C8C64;
  --color-teal-750: #5A5A40;
  --color-teal-800: #5A5A40;
  --color-teal-850: #4A4A30;
  --color-teal-900: #3D3D29;
  --color-teal-950: #2C2C1D;

  --color-slate-50: #FAF9F6;
  --color-slate-100: #E5E4D7;
  --color-slate-200: #D8D7C7;
  --color-slate-300: #C3C2AD;
  --color-slate-400: #ADAC93;
  --color-slate-500: #989779;
  --color-slate-600: #8C8C64;
  --color-slate-700: #5A5A40;
  --color-slate-800: #4A4A30;
  --color-slate-900: #3D3D29;
  --color-slate-950: #2C2C1D;

  --color-gray-50: #FAF9F6;
  --color-gray-100: #E5E4D7;
  --color-gray-150: #E5E4D7;
  --color-gray-200: #E5E4D7;
  --color-gray-300: #D8D7C7;
  --color-gray-400: #B1B097;
  --color-gray-500: #8C8C64;
  --color-gray-600: #5A5A40;
  --color-gray-700: #5A5A40;
  --color-gray-800: #3D3D29;
  --color-gray-850: #3D3D29;
  --color-gray-900: #2C2C1D;

  --color-amber-50: #FAF9F6;
  --color-amber-100: #E5E4D7;
  --color-amber-200: #E5E4D7;
  --color-amber-300: #C5A85C;
  --color-amber-400: #C5A85C;
  --color-amber-500: #8C8C64;
  --color-amber-600: #5A5A40;
  --color-amber-700: #4A4A30;
  --color-amber-800: #3D3D29;
  --color-amber-900: #2C2C1D;
  
  --color-blue-50: #FAF9F6;
  --color-blue-100: #E5E4D7;
  --color-blue-600: #8C8C64;
  --color-blue-800: #3D3D29;
}

/* Custom Scrollbar */
::-webkit-scrollbar {
  width: 8px;
}
::-webkit-scrollbar-track {
  background: #FAF9F6;
}
::-webkit-scrollbar-thumb {
  background: #8C8C64;
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: #5A5A40;
}

/* Print utilities for Certificates */
@media print {
  body * {
    visibility: hidden;
  }
  .fixed, .fixed * {
    visibility: visible;
  }
  .fixed {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: auto;
  }
}
