/* public_html/assets/css/app.css */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;600&display=swap');

@tailwind base;
@tailwind components;
@tailwind utilities;

:root {
    --bg-page: #F9FAFB;
    --bg-nav: #111827;
    --text-primary: #111827;
    --text-secondary: #6B7280;
    --border: #E5E7EB;
    --accent: #2563EB;
    --badge-bg: #EFF6FF;
    --badge-text: #1D4ED8;
}

@layer base {
    body {
        @apply bg-[#F9FAFB] text-[#374151] antialiased;
        font-family: 'Inter', system-ui, -apple-system, sans-serif;
        font-size: 15px;
        line-height: 1.6;
    }
}

@layer components {
    .container-custom {
        @apply max-w-[1200px] mx-auto px-4 sm:px-6;
    }

    .nav-link {
        @apply text-[14px] text-[#D1D5DB] hover:text-white transition-colors duration-200 font-medium;
    }

    .btn-primary {
        @apply px-4 py-2 bg-[#2563EB] hover:bg-[#1d4ed8] text-white rounded-md transition-all duration-200 font-medium text-sm focus:ring-2 focus:ring-offset-2 focus:ring-[#2563EB] outline-none;
    }

    .card {
        @apply bg-white border border-[#E5E7EB] rounded-lg shadow-[0_1px_3px_rgba(0,0,0,0.08)] transition-all duration-200;
    }

    .badge-version {
        @apply text-[11px] bg-[#DBEAFE] text-[#1D4ED8] font-medium px-1.5 py-0.5 rounded border border-[#BFDBFE];
    }

    .mono {
        font-family: 'JetBrains Mono', monospace;
    }
}

/* README content styling -pkg.go.dev style */
.readme-content {
    @apply text-[#374151];
}
.readme-content h1 { @apply text-2xl font-bold mb-4 text-[#111827] border-b border-[#E5E7EB] pb-2; }
.readme-content h2 { @apply text-xl font-bold mb-3 mt-8 text-[#111827]; }
.readme-content h3 { @apply text-lg font-bold mb-2 mt-6 text-[#111827]; }
.readme-content p { @apply mb-4; }
.readme-content code { @apply bg-[#F3F4F6] px-1 py-0.5 rounded text-sm text-[#111827] mono; }
.readme-content pre { @apply bg-[#1F2937] p-4 rounded-md overflow-x-auto mb-6 text-white text-sm mono leading-relaxed; }
.readme-content ul { @apply list-disc pl-5 mb-4 space-y-1; }
.readme-content li { @apply pl-1; }
.readme-content a { @apply text-[#2563EB] hover:underline; }