/* Custom CSS for NOC Pokdartik - Light Theme */

/* Inter Font Family */
@font-face {
    font-family: 'Inter';
    src: url('/static/fonts/Inter-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('/static/fonts/Inter-SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('/static/fonts/Inter-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* JetBrains Mono for code/output */
@font-face {
    font-family: 'JetBrains Mono';
    src: url('/static/fonts/JetBrainsMono-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'JetBrains Mono';
    src: url('/static/fonts/JetBrainsMono-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* Base font */
body {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
}

/* Code/mono elements */
code, pre, .font-mono {
    font-family: 'JetBrains Mono', 'Fira Code', monospace;
}

/* Custom scrollbar - Light */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-track {
    background: #f3f4f6;
}

::-webkit-scrollbar-thumb {
    background: #d1d5db;
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: #9ca3af;
}

/* Terminal-like output styling - Light */
pre {
    background: #f9fafb;
    border: 1px solid #e5e7eb;
    border-radius: 6px;
    padding: 1rem;
    line-height: 1.5;
}

/* Smooth transitions */
* {
    transition-property: background-color, border-color, color;
    transition-duration: 150ms;
    transition-timing-function: ease-in-out;
}

/* Override for elements that shouldn't transition */
input, select, textarea, button {
    transition: all 150ms ease-in-out;
}

/* Tool button colors - Light theme */
.btn-ping { background-color: #ecfeff; border-color: #22d3ee; color: #164e63; }
.btn-ping:hover { background-color: #cffafe; }
.btn-ping-active { background-color: #0891b2; border-color: #0891b2; color: #ffffff; }

.btn-dig { background-color: #f5f3ff; border-color: #a78bfa; color: #5b21b6; }
.btn-dig:hover { background-color: #ede9fe; }
.btn-dig-active { background-color: #7c3aed; border-color: #7c3aed; color: #ffffff; }

.btn-whois { background-color: #fffbeb; border-color: #fbbf24; color: #92400e; }
.btn-whois:hover { background-color: #fef3c7; }
.btn-whois-active { background-color: #d97706; border-color: #d97706; color: #ffffff; }

.btn-traceroute { background-color: #ecfdf5; border-color: #34d399; color: #065f46; }
.btn-traceroute:hover { background-color: #d1fae5; }
.btn-traceroute-active { background-color: #059669; border-color: #059669; color: #ffffff; }

.btn-nslookup { background-color: #fdf2f8; border-color: #f472b6; color: #9d174d; }
.btn-nslookup:hover { background-color: #fce7f3; }
.btn-nslookup-active { background-color: #db2777; border-color: #db2777; color: #ffffff; }