/* CRITICONES — Custom CSS Design Token System */

@layer base {
  :root {
    --brand-blue: #0038a8;
    --brand-dark: #000a1e;
    --brand-red: #f6465a;
    --brand-paper: #101414;
    --font-inter: 'Inter', system-ui, -apple-system, sans-serif;
    --font-newsreader: 'Newsreader', Georgia, serif;
  }

  html {
    scroll-behavior: smooth;
    color-scheme: dark;
  }

  body {
    background-color: var(--brand-paper);
    color: #e0e3e2;
    font-family: var(--font-newsreader);
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
  }
}

/* Custom Utilities */
.font-newsreader { font-family: var(--font-newsreader); }
.font-inter { font-family: var(--font-inter); }

.review-body img {
  max-width: 100%;
  height: auto;
  border-radius: 1rem;
  margin: 2rem 0;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4);
  border: 1px solid rgba(255, 255, 255, 0.05);
}

.review-body p {
  margin-bottom: 1.5rem;
  line-height: 1.85;
}

/* Scrollbar Customization */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
::-webkit-scrollbar-track {
  background: #000a1e;
}
::-webkit-scrollbar-thumb {
  background: #1e293b;
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: #0038a8;
}