/* ==========================================================================
   Morabba Font-Face Definitions
   Make sure you have your font files in a "fonts" folder alongside these files
   ========================================================================== */
   @font-face {
    font-family: 'Morabba';
    src: url('fonts/Morabba-Light.woff2') format('woff2'),
         url('fonts/Morabba-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
  }
  
  @font-face {
    font-family: 'Morabba';
    src: url('fonts/Morabba-Regular.woff2') format('woff2'),
         url('fonts/Morabba-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
  }
  
  @font-face {
    font-family: 'Morabba';
    src: url('fonts/Morabba-Medium.woff2') format('woff2'),
         url('fonts/Morabba-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
  }
  
  @font-face {
    font-family: 'Morabba';
    src: url('fonts/Morabba-Bold.woff2') format('woff2'),
         url('fonts/Morabba-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
  }
  
  @font-face {
    font-family: 'Morabba';
    src: url('fonts/Morabba-Black.woff2') format('woff2'),
         url('fonts/Morabba-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
  }
  
  /* ==========================================================================
     Base Textures & Halftone Patterns
     ========================================================================== */
  .bg-paper {
    background-color: #E8E5DF;
    background-image: 
      radial-gradient(#111111 0.75px, transparent 0.75px),
      linear-gradient(to right, rgba(0,0,0,0.03) 1px, transparent 1px);
    background-size: 14px 14px, 28px 28px;
  }
  
  .halftone-box {
    background-image: radial-gradient(#FF5500 2px, transparent 2px);
    background-size: 8px 8px;
  }
  
  .halftone-dark {
    background-image: radial-gradient(rgba(255,255,255,0.2) 1.5px, transparent 1.5px);
    background-size: 8px 8px;
  }
  
  /* ==========================================================================
     Neobrutalist Elements & Accents
     ========================================================================== */
  .tape-effect {
    background: rgba(245, 230, 180, 0.75);
    backdrop-filter: blur(1px);
    box-shadow: 0 1px 3px rgba(0,0,0,0.2);
  }
  
  .stamp-border {
    border: 2px dashed #FF5500;
  }
  
  /* Custom Scrollbar */
  ::-webkit-scrollbar {
    width: 10px;
  }
  ::-webkit-scrollbar-track {
    background: #E8E5DF;
    border-left: 2px solid #000;
  }
  ::-webkit-scrollbar-thumb {
    background: #FF5500;
    border: 2px solid #000;
  }
  ::-webkit-scrollbar-thumb:hover {
    background: #000;
  }
  
  /* Selection */
  ::selection {
    background-color: #FF5500;
    color: #FFFFFF;
  }
  
  /* Client Card Interactive Tilt */
  .client-card {
    transition: transform 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275), box-shadow 0.25s ease;
  }