/* InventNET theme — design tokens from brief.md (LinkedIn-style professional) */

:root {
    --ink: #0F2A43;
    --primary: #0B5FFF;
    --primary-dark: #0846B8;
    --accent: #F5A623;
    --surface: #F5F7FA;
    --line: #DCE3EC;
    --text: #1F2933;
    --muted: #5B6B7C;
    --success: #1E9E6A;
    --danger: #D64545;
}

body {
    background: var(--surface);
    color: var(--text);
    font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}

h1, h2, h3, h4, h5, h6 {
    color: var(--ink);
}

/* Brand */
.brand {
    font-weight: 700;
    font-size: 1.35rem;
    letter-spacing: -0.02em;
    color: var(--ink);
}
.brand-accent { color: var(--primary); }
.brand-footer { color: #fff; }
.brand-footer .brand-accent { color: var(--accent); }

/* Bootstrap primary override to brand color */
.btn-primary {
    --bs-btn-bg: var(--primary);
    --bs-btn-border-color: var(--primary);
    --bs-btn-hover-bg: var(--primary-dark);
    --bs-btn-hover-border-color: var(--primary-dark);
    --bs-btn-active-bg: var(--primary-dark);
    --bs-btn-active-border-color: var(--primary-dark);
}
.btn-outline-primary {
    --bs-btn-color: var(--primary);
    --bs-btn-border-color: var(--primary);
    --bs-btn-hover-bg: var(--primary);
    --bs-btn-hover-border-color: var(--primary);
    --bs-btn-active-bg: var(--primary-dark);
    --bs-btn-active-border-color: var(--primary-dark);
}
.text-primary { color: var(--primary) !important; }
a { color: var(--primary); }
a:hover { color: var(--primary-dark); }

/* Hero */
.hero {
    background: linear-gradient(180deg, #ffffff 0%, var(--surface) 100%);
    border-bottom: 1px solid var(--line);
}

/* Cards */
.card {
    border: 1px solid var(--line);
    border-radius: 0.75rem;
}
.card-hover { transition: box-shadow .15s ease, transform .15s ease; }
.card-hover:hover {
    box-shadow: 0 8px 24px rgba(15, 42, 67, 0.08);
    transform: translateY(-2px);
}

/* Status pills (Verified / Premium / Pending ...) */
.pill {
    display: inline-block;
    padding: 0.2rem 0.6rem;
    border-radius: 999px;
    font-size: 0.75rem;
    font-weight: 600;
    line-height: 1.4;
    background: #e9eef5;
    color: var(--muted);
    border: 1px solid transparent;
}
.pill-primary { background: rgba(11, 95, 255, 0.1); color: var(--primary); }
.pill-accent { background: rgba(245, 166, 35, 0.15); color: #9a6a08; }
.pill-verified { background: rgba(30, 158, 106, 0.12); color: var(--success); }
.pill-premium { background: rgba(245, 166, 35, 0.18); color: #9a6a08; border-color: rgba(245, 166, 35, 0.4); }
.pill-pending { background: rgba(214, 69, 69, 0.1); color: var(--danger); }
.pill-success { background: rgba(30, 158, 106, 0.12); color: var(--success); }
.pill-muted { background: var(--surface); color: var(--muted); }

/* Sponsored ad slots */
.ad-slot { margin-top: 1rem; }
.ad-slot img { display: block; max-width: 100%; height: auto; }

/* Footer */
.footer { background: var(--ink); }
.footer a { color: #c9d6e4; text-decoration: none; }
.footer a:hover { color: #fff; }

/* Forms: consistent focus ring */
.form-control:focus, .form-select:focus, .btn:focus {
    border-color: var(--primary);
    box-shadow: 0 0 0 0.2rem rgba(11, 95, 255, 0.15);
}