/* Base styles for the agent portal and team dashboard, matching hermeias.org.
   In the utilities layer (after tailwind.css) so they compete with utility classes by specificity. */
@layer utilities {
    :root {
        --bg: #0f0e0d;
        --fg: #fafaf9;
        --muted: #9a958e;
    }
    h1, h2 {
        font-family: 'Newsreader', ui-serif, Georgia, serif;
        font-weight: 400;
        letter-spacing: -0.02em;
    }
    h3, h4 {
        font-weight: 500;
        letter-spacing: -0.01em;
    }
    .tracking-widest {
        letter-spacing: 0.12em !important;
    }
    code, [data-raw] {
        font-family: 'JetBrains Mono', ui-monospace, SFMono-Regular, monospace;
    }
    ::selection {
        background: var(--fg);
        color: var(--bg);
    }
    body {
        background-color: var(--bg);
        color: var(--fg);
        font-family: 'Inter', ui-sans-serif, system-ui, sans-serif;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }
    select option {
        background: #0f0e0d;
    }
    details > summary {
        list-style: none;
    }
    details > summary::-webkit-details-marker {
        display: none;
    }
}