/* ═══════════════════════════════════════════════════════════════════
   GNOME — Adwaita theme for BadgeFed
   ───────────────────────────────────────────────────────────────────
   Restyles actor profiles and badge pages with the GNOME Adwaita
   design language: a bold GNOME-blue banner over a dark grey surface.

   Scope: this file is loaded by ViewActor.razor / VerifyRecord.razor
   only, so it styles the public badge surfaces — the admin portal
   (/config) uses the application's own admin.css and is untouched.

   ── Overridable design tokens (--bf-*) ──────────────────────────────
     --bf-accent        primary brand colour (links, buttons, hero)
     --bf-accent-alt    secondary brand colour (hero gradient end)
     --bf-highlight     highlight / info accents
     --bf-page-bg       page background
     --bf-page-fg       page foreground (body text)
     --bf-card-bg       card background
     --bf-card-border   card border
     --bf-muted         muted text
     --bf-subtle        subtle text (captions, placeholders)

   ── Palette (GNOME Adwaita) ─────────────────────────────────────────
     blue3 #3584e4   blue4 #1c71d8   blue2 #62a0ea   blue1 #99c1f1
     dark4 #241f31   dark3 #3d3846   light3 #deddda  light2 #f6f5f4
   ═══════════════════════════════════════════════════════════════════ */

/* ── Dark grey surface — the GNOME page background ────────────────── */
.bf {
    --bf-page-bg:     #1a132c;   /* dark grey (as on the banner) */
    --bf-page-fg:     #f6f5f4;   /* Adwaita light 2 */
    --bf-card-bg:     #3d3846;   /* Adwaita dark 3 — elevated card */
    --bf-card-border: #4a4458;
    --bf-muted:       #c0bfbc;
    --bf-subtle:      #9a9996;

    /* Bold GNOME blue — the banner / brand accent. */
    --bf-accent:      #3584e4;   /* GNOME blue 3 */
    --bf-accent-alt:  #1c71d8;   /* GNOME blue 4 */
    --bf-highlight:   #62a0ea;   /* GNOME blue 2 */

    font-family: 'InterVariable', 'Inter', system-ui, -apple-system, sans-serif;
}

/* The .bf container only covers the content — make the whole page dark. */
body {
    background: #1a132c;
}

/* ── Bold GNOME-blue banner (public / minimal navbar) ─────────────── */
.public-navbar,
.minimal-navbar {
    background: var(--bf-accent, #3584e4);
    border-bottom-color: rgba(0, 0, 0, .18);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .28);
}

/* Light text on the blue banner, and a soft hover wash. */
.public-shell .navbar-item,
.public-shell .navbar-link,
.minimal-shell .navbar-item,
.minimal-shell .navbar-link {
    color: #fff;
}

.public-shell .navbar-item .icon,
.minimal-shell .navbar-item .icon {
    color: rgba(255, 255, 255, .85);
}

.public-shell a.navbar-item:hover,
.public-shell .navbar-link:hover,
.minimal-shell a.navbar-item:hover,
.minimal-shell .navbar-link:hover {
    color: #fff;
    background: rgba(255, 255, 255, .16);
}

.public-shell .navbar-burger,
.minimal-shell .navbar-burger {
    color: #fff;
}

.public-shell .navbar-burger:hover,
.minimal-shell .navbar-burger:hover {
    background: rgba(255, 255, 255, .16);
}

/* Keep the logo flush and vertically centred in the banner. */
.navbar-logo {
    display: inline-flex;
    align-items: center;
    padding-left: 0;
    padding-right: 1rem;
}

.navbar-logo img {
    max-height: 2.6rem;
    width: auto;
    border-radius: 6px;   /* Adwaita soft corners — never a circle crop */
}

/* ── GNOME styling: Adwaita radii ─────────────────────────────────── */
.bf-actor-hero {
    background: linear-gradient(135deg, var(--bf-accent) 0%, var(--bf-accent-alt) 100%);
}

.bf-badge-card,
.bf-follower-card {
    border-radius: 12px;                             /* Adwaita --rounded-corner */
    box-shadow: 0 1px 2px rgba(0, 0, 0, .3);
}

.bf-outline-btn,
.bf-social-btn,
.bf-recipients-btn {
    border-radius: 8px;                              /* Adwaita button radius */
}

.bf-type-pill {
    border-radius: 999px;                            /* GNOME pill badges */
}