@import url('https://fonts.googleapis.com/css2?family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap');

:root {
    --background: #1a1a1a;
    --foreground: #ffffff;
    --primary: rgb(122, 224, 38);
    --primary-hover: #83e442;
    --secondary: #374151;
    --accent: #10B981;
    --muted: #6B7280;
    --code-bg: #1E1E1E;
}

body {
    background-color: var(--background);
    color: var(--foreground);
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 700!important;
}
.retro-font {
    font-family: "Space Mono", monospace;
    font-optical-sizing: auto;
}

.mono-font {
    font-family: "Space Mono", monospace;
    font-optical-sizing: auto;
}

.code-block {
    background: var(--code-bg);
    border-radius: 8px;
    padding: 1rem;
}

.text-muted {
    color: rgb(156, 163, 175) !important;
    font-size: 100%!important;
}

.gradient-text {
    background: linear-gradient(90deg, var(--primary) 0%, var(--primary-hover) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}