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

@layer base {
  :root {
    --gold-light: #d4bc91;
    --gold:       #c7ab7c;
    --gold-dark:  #b8965e;
    --gold-deep:  #9e7a47;
  }

  body {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  }
}

@layer components {
  .novus-brand {
    font-family: 'Inter', sans-serif;
    font-weight: 900;
    letter-spacing: 0.05em;
    text-transform: uppercase;
  }

  /* Novus Gold gradient text — replaces old cyan-to-blue gradient text */
  .text-gold-gradient {
    background: linear-gradient(135deg, var(--gold-light) 0%, var(--gold) 50%, var(--gold-dark) 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
  }

  /* Gold gradient background — used on buttons, badges, etc. */
  .bg-gold-gradient {
    background: linear-gradient(135deg, var(--gold-light) 0%, var(--gold-dark) 100%);
  }

  /* Logo blend helper — removes the black JPG background on dark surfaces */
  .logo-blend {
    mix-blend-mode: screen;
  }

@layer utilities {
  .line-clamp-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
}