:root {
  --font-sans: "Inter", ui-sans-serif, system-ui, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, monospace;
  --font-display: "Space Grotesk", sans-serif;
  --color-brand-blue: #00A3FF;
  --color-light-bg: #FFFFFF;
  --color-dark-text: #0A0A0A;
  --color-border-grid: rgba(0, 0, 0, 0.05);
}

* {
    scroll-behavior: smooth;
}

body {
    font-family: var(--font-sans);
}

.font-display {
    font-family: var(--font-display);
}

.font-mono {
    font-family: var(--font-mono);
}

.grid-pattern {
    background-image: 
      linear-gradient(to right, var(--color-border-grid) 1px, transparent 1px),
      linear-gradient(to bottom, var(--color-border-grid) 1px, transparent 1px);
    background-size: 80px 80px;
}

.outline-text {
    -webkit-text-stroke: 1px rgba(0, 0, 0, 0.1);
}

/* Animations shadow/hover */
.hover-shadow-xl:hover {
    box-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
}

/* Hide elements with data-status="failed" */
[data-status="failed"] {
    display: none !important;
}