/* ============================================================
   Flying Fries — Admin base
   Reset, typography, body, form elements baseline.
   No border-radius anywhere (admin design system rule).
   ============================================================ */

* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

html, body {
    background: var(--admin-bg);
    color: var(--admin-text);
    font-family: var(--admin-font-ui);
    font-size: 13px;
    line-height: 1.5;
    min-height: 100vh;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Universal: zero border-radius — admin DS rule */
input, textarea, button, select, .admin-card, .admin-popup, .admin-tile {
    border-radius: 0;
}

/* Inherit font from parent */
input, textarea, button, select {
    font-family: inherit;
    font-size: inherit;
    color: inherit;
}

/* Links */
a {
    color: var(--admin-accent);
    text-decoration: none;
    transition: color var(--admin-transition-fast);
}
a:hover {
    color: var(--admin-text);
}

/* Headings */
h1, h2, h3, h4, h5, h6 {
    font-weight: 700;
    color: var(--admin-text);
    line-height: 1.3;
}
h1 { font-size: 18px; }
h2 { font-size: 16px; }
h3 { font-size: 13px; text-transform: uppercase; letter-spacing: 0.8px; }

/* Paragraphs */
p {
    color: var(--admin-text-muted);
    margin-bottom: var(--admin-space-md);
}
p:last-child { margin-bottom: 0; }

/* Inline code */
code {
    font-family: var(--admin-font-mono);
    font-size: 0.92em;
    background: var(--admin-bg-hover);
    padding: 2px 6px;
    color: var(--admin-text);
}

/* Selection */
::selection {
    background: var(--admin-accent);
    color: #ffffff;
}

/* Custom scrollbar */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}
::-webkit-scrollbar-track {
    background: var(--admin-bg);
}
::-webkit-scrollbar-thumb {
    background: var(--admin-border);
}
::-webkit-scrollbar-thumb:hover {
    background: var(--admin-text-faint);
}

/* Hide focus ring on mouse-only interaction, keep for keyboard */
:focus { outline: none; }
:focus-visible {
    outline: 1px solid var(--admin-accent);
    outline-offset: 2px;
}
