/* PicoShare → jonashjalmarsson.se känsla
   Developer-notebook aesthetic: Inter / Inter Tight / JetBrains Mono,
   warm orange-red accent (#c84812), hairline rules, roomy whitespace. */

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

:root {
    --bs-primary: #c84812;
    --bs-primary-rgb: 200, 72, 18;
    --bs-body-bg: #FAFAF7;
    --bs-body-color: #1A1A1A;
    --bs-secondary-color: #4A4A48;
    --bs-tertiary-color: #8A8884;
    --bs-border-color: #E3E1DA;
    --bs-link-color: #c84812;
    --bs-link-hover-color: #a23a0d;
}

body {
    background: #FAFAF7;
    color: #1A1A1A;
    font-family: 'Inter', system-ui, sans-serif;
    font-size: 17px;
    line-height: 1.65;
}

h1, h2, h3, h4, h5, h6,
.navbar-brand {
    font-family: 'Inter Tight', 'Inter', sans-serif;
    font-weight: 600;
    letter-spacing: -0.02em;
    color: #1A1A1A;
}

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

/* Hairline navbar — flat, varm bg, tunn border */
.navbar, .navbar.bg-light {
    background: #FAFAF7 !important;
    border-bottom: 1px solid #E3E1DA;
    padding-top: .9rem;
    padding-bottom: .9rem;
}
.navbar-brand {
    color: #1A1A1A !important;
    letter-spacing: -0.01em;
}
.nav-link { color: #4A4A48 !important; }
.nav-link:hover { color: #c84812 !important; }

/* Accent buttons */
.btn-primary {
    --bs-btn-bg: #c84812;
    --bs-btn-border-color: #c84812;
    --bs-btn-color: #FAFAF7;
    --bs-btn-hover-bg: #a23a0d;
    --bs-btn-hover-border-color: #a23a0d;
    --bs-btn-hover-color: #FAFAF7;
    --bs-btn-active-bg: #8b2f08;
    --bs-btn-active-border-color: #8b2f08;
    border-radius: 4px;
    font-weight: 500;
}
.btn-outline-primary {
    --bs-btn-color: #c84812;
    --bs-btn-border-color: #c84812;
    --bs-btn-hover-bg: #c84812;
    --bs-btn-hover-border-color: #c84812;
    --bs-btn-hover-color: #FAFAF7;
    border-radius: 4px;
}
.btn-secondary, .btn-light {
    --bs-btn-bg: #F1F0EA;
    --bs-btn-border-color: #E3E1DA;
    --bs-btn-color: #1A1A1A;
    --bs-btn-hover-bg: #E3E1DA;
    --bs-btn-hover-border-color: #E3E1DA;
    --bs-btn-hover-color: #1A1A1A;
    border-radius: 4px;
}

/* Cards + tables — hairline, ingen skugga */
.card {
    background: #FAFAF7;
    border: 1px solid #E3E1DA;
    border-radius: 6px;
    box-shadow: none;
}
.card-header {
    background: #F1F0EA;
    border-bottom: 1px solid #E3E1DA;
    font-family: 'Inter Tight', 'Inter', sans-serif;
    font-weight: 600;
}
.table, .table > :not(caption) > * > * {
    --bs-table-bg: transparent;
    border-color: #E3E1DA;
}
.table thead {
    font-family: 'Inter Tight', sans-serif;
    font-weight: 600;
    color: #4A4A48;
}

/* Form fields */
.form-control, .form-select, .form-control-lg {
    border: 1px solid #E3E1DA;
    background: #fff;
    border-radius: 4px;
    color: #1A1A1A;
}
.form-control:focus, .form-select:focus {
    border-color: #c84812;
    box-shadow: 0 0 0 .2rem rgba(200, 72, 18, .15);
}
.form-label, label { color: #4A4A48; font-weight: 500; }

/* Länkar */
a { color: #c84812; text-decoration: none; }
a:hover { color: #a23a0d; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 2px; }

/* Muted/footer */
.text-muted, .small, footer, footer * {
    color: #8A8884 !important;
}
footer {
    border-top: 1px solid #E3E1DA;
    margin-top: 3rem;
    padding-top: 1.5rem;
    font-family: 'JetBrains Mono', monospace;
    font-size: .82rem;
}

/* Alerts mer dämpade */
.alert {
    border-radius: 4px;
    border: 1px solid #E3E1DA;
    background: #F1F0EA;
    color: #1A1A1A;
}
.alert-success { border-color: rgba(200, 72, 18, .25); background: rgba(200, 72, 18, .06); }
.alert-danger  { border-color: #c84812; background: rgba(200, 72, 18, .1); color: #8b2f08; }

/* Roomy whitespace — något ökade marginaler */
.content.container, main.container {
    padding-top: 2rem;
    padding-bottom: 3rem;
}

/* Mono-meta för file-listor / metadata */
.text-monospace, .text-truncate, .badge, time, .id, .file-id {
    font-family: 'JetBrains Mono', monospace;
    letter-spacing: 0;
}