/* base.css - Reset, typography, CSS variables, tag classes */

:root {
  --content-fade: linear-gradient(to bottom, transparent 0%, rgba(255,255,255,0.85) 15%, var(--ui-accent) 40%);
  --ui-accent: rgba(255, 255, 255, 0.97);
  --ui-depth: 999999;
  --ui-blur: 8px;
  --h: 100vh;
  --h: 100dvh;
}

body {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, "Apple Color Emoji", Arial, sans-serif, "Segoe UI Emoji", "Segoe UI Symbol";
  color: #37352f;
  background-color: #ffffff;
}

/* Notion-style background colors */
.notion-bg-gray { background-color: #F7F7F5; }
.notion-callout { background-color: #F1F1EF; }

/* Tag classes for failure classifications */
.notion-tag-red { background-color: #ffe2dd; color: #5d1715; }
.notion-tag-orange { background-color: #fadec9; color: #854c1d; }
.notion-tag-blue { background-color: #d3e5ef; color: #183347; }
.notion-tag-green { background-color: #dbeddb; color: #1c3829; }
.notion-tag-gray { background-color: #e3e2e0; color: #32302c; }
.notion-tag-purple { background-color: #e8deee; color: #412754; }

/* Hover utilities */
.hover-bg-gray:hover { background-color: #efefef; }

/* Custom scrollbar for a cleaner look */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
::-webkit-scrollbar-track {
  background: transparent;
}
::-webkit-scrollbar-thumb {
  background: #d3d1cb;
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: #aeaca6;
}

/* Link styles */
a {
  color: inherit;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

/* Form inputs */
input, textarea, select {
  font-family: inherit;
  font-size: inherit;
}

input:focus, textarea:focus, select:focus {
  outline: 2px solid #2563eb;
  outline-offset: 1px;
}