/* ─── Argus REI brand — overrides FileBrowser v2 CSS variables ─────
   Real vars (from FB's index-*.css):
     :root.dark { --background, --surfacePrimary, --surfaceSecondary,
                  --textPrimary, --textSecondary, --blue, --dark-blue,
                  --icon-blue, --action, --hover, --divider, ... }
   Map to argusrei.com tokens:
     bg #060a10  surface #0d1320  surface-2 #111a2b
     text #d8e0ed  text-dim #a0aec0  gold #d4a017
*/
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Outfit:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600;700&display=swap');

:root.dark {
    --background:       #060a10 !important;
    --surfacePrimary:   #0d1320 !important;
    --surfaceSecondary: #111a2b !important;

    --textPrimary:      #a0aec0 !important;
    --textSecondary:    #d8e0ed !important;

    /* gold replaces the default blue accent everywhere */
    --blue:             #d4a017 !important;
    --dark-blue:        #b88912 !important;
    --icon-blue:        #d4a017 !important;

    --action:           #d4a017 !important;
    --hover:            rgba(212, 160, 23, 0.10) !important;
    --divider:          rgba(212, 160, 23, 0.15) !important;

    --borderPrimary:    rgba(212, 160, 23, 0.10) !important;
    --borderSecondary:  rgba(212, 160, 23, 0.20) !important;
}

/* Light mode (just in case) — flip dark vars onto :root too */
:root {
    --blue:      #d4a017 !important;
    --dark-blue: #b88912 !important;
    --icon-blue: #d4a017 !important;
    --action:    #d4a017 !important;
}

/* Typography */
body, button, input, textarea, select {
    font-family: 'DM Sans', sans-serif !important;
}
h1, h2, h3, .card-title, .header > div {
    font-family: 'Outfit', sans-serif !important;
    font-weight: 700;
    letter-spacing: -0.3px;
}
.breadcrumbs, .file-name, code, pre {
    font-family: 'JetBrains Mono', monospace !important;
}

/* Login page polish — uses .card / .input / .button */
body.login, .login {
    background: #060a10 !important;
}
.login .card, .wrapper .card {
    box-shadow: 0 8px 28px rgba(0, 0, 0, 0.65) !important;
    border: 1px solid rgba(212, 160, 23, 0.15) !important;
}
.login h1, .login h2 {
    font-family: 'Outfit', sans-serif !important;
    color: #d8e0ed !important;
}
.login .input, .input--block {
    background: #111a2b !important;
    border: 1px solid #1a2540 !important;
    color: #d8e0ed !important;
}
.login .button, .button.button--block {
    background: #d4a017 !important;
    color: #1a1300 !important;
    font-weight: 600 !important;
}
.login .button:hover, .button.button--block:hover {
    background: #b88912 !important;
}

/* Logo on login page — bigger + tinted background */
.login .card > img,
.login img[src*="logo"] {
    background: transparent !important;
    border-radius: 0 !important;
    width: 220px !important;
    height: auto !important;
    padding: 0 !important;
    margin-bottom: 8px !important;
}

/* ─── Strip non-file UI for client-grade experience ─────────────── */
/* Sidebar links to non-Files routes */
nav a[href="/settings"],
nav a[href^="/settings/"],
nav a[href="/shares"],
nav a[href="/login"],
aside .action[aria-label*="ettings"],
aside .action[aria-label*="hares"] {
    display: none !important;
}

/* Top-right header gear/profile icons */
header .action[aria-label*="ettings" i],
header .action[aria-label*="rofile" i] {
    display: none !important;
}