@import url('https://fonts.googleapis.com/css2?family=Crimson+Text:wght@400;600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@400;500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400&display=swap');

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

:root {
  /* Primary Colors */
  --color-primary: #213b2d; /* Deep forest green */
  --color-secondary: #355946; /* Lighter green */
  --color-accent: #e6c566; /* Warm gold */
  
  /* Background Colors */
  --color-background: #f5efd7; /* Soft cream */
  --color-surface: #ffffff; /* Pure white */
  
  /* Text Colors */
  --color-text-primary: #1a1a1a; /* Near-black */
  --color-text-secondary: #666666; /* Medium gray */
  
  /* Status Colors */
  --color-success: #4a7c59; /* Forest green variant */
  --color-warning: #d4a574; /* Warm tan */
  --color-error: #a0522d; /* Muted sienna */
  
  /* Border Colors */
  --color-border: #d1bd89; /* Muted tan */
  
  /* Shadow Colors */
  --shadow-primary: rgba(33, 59, 45, 0.1);
}

@layer base {
  body {
    font-family: 'Source Sans Pro', sans-serif;
    background-color: var(--color-background);
    color: var(--color-text-primary);
  }
  
  h1, h2, h3, h4, h5, h6 {
    font-family: 'Crimson Text', serif;
  }
}

@layer components {
  .transition-gentle {
    transition: all 200ms ease-out;
  }
  
  .shadow-academic {
    box-shadow: 0 2px 8px var(--shadow-primary);
  }
  
  .border-academic {
    border: 1px solid var(--color-border);
  }
}