/* publiko-dash — minimal styling on top of the compiled Tailwind theme
   loaded from /static/css/tailwind.css. Everything here is hand-rolled
   CSS that survives if Tailwind fails to load (the page is still
   readable). */

:root {
    --paper: #f1f1ef;
    --ink: #0a0a0a;
    --accent: #e8a23a;
    --gray-50: #f9fafb;
    --gray-100: #f3f4f6;
    --gray-200: #e5e7eb;
    --gray-300: #d1d5db;
    --gray-400: #9ca3af;
    --gray-500: #6b7280;
    --gray-600: #4b5563;
    --gray-700: #374151;
}

body {
    background: var(--paper);
    color: var(--ink);
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    -webkit-font-smoothing: antialiased;
    margin: 0;
}

a { color: inherit; text-decoration: none; }

code, pre, .font-mono {
    font-family: 'JetBrains Mono', ui-monospace, SFMono-Regular, monospace;
}

table { border-collapse: collapse; }

.shadow-card { box-shadow: 0 25px 50px -20px rgba(0, 0, 0, 0.25); }

.htmx-indicator { display: none; }
.htmx-request .htmx-indicator { display: inline-block; }
.htmx-request.htmx-indicator { display: inline-block; }