/* =========================================================
   Rocket City Dynamics - Default Theme
   ========================================================= */

:root {
    --rcd-header: #20252b;
    --rcd-navy: #182b46;
    --rcd-blue: #062b5e;
    --rcd-blue-dark: #104080;
    --rcd-cyan: #16c7e8;

    --rcd-page: #789fc9;
    --rcd-card: #d6e5f0;

    --rcd-text: #20252b;
    --rcd-muted: #8c8f94;

    --rcd-border: #dfe3e8;
}


/* ---------------------------------------------------------
   Page
   --------------------------------------------------------- */

body {
    background: var(--rcd-page);
    color: var(--rcd-text);
}


/* ---------------------------------------------------------
   Header / Navigation
   --------------------------------------------------------- */

header,
.navbar,
.site-header {
    background: var(--rcd-header) !important;
}


/* Added from Google AI for header gradient.*/

/* Custom navigation background gradient */
.nav-hero-gradient {
    background: linear-gradient(to bottom, #182b46 0%,  #838e9b 35%, #092042 70%,  #05080d 100%) !important; /* Replace with your exact footer gradient rule */
 /* 1. Limit the global height of the container block */
    height: 56px !important; 
    min-height: 56px !important;
    /**/
    border-bottom: 1px solid rgba(255, 255, 255, 0.1); /* Subtle separator under the nav bar */
}

/* Force navigation links to be white/readable over the dark background */
.nav-hero-gradient .nav-link,
.nav-hero-gradient .navbar-brand img {
    color: #ffffff !important;
    max-height: 46px !important;   /* Restricts height nicely inside the 56px navbar box */
    width: auto !important;         /* Keeps original aspect ratio clean and non-skewed */
    vertical-align: middle;         /* Centers the image perfectly inline with navigation text links */
    margin-top: -2px;               /* Optical micro-adjustment to perfectly center if needed */

}

.nav-hero-gradient .nav-link:hover {
    color: rgba(255, 255, 255, 0.75) !important;
}

/* End of Google AI snippet for header gradient*/


.navbar a,
.navbar-brand,
.site-title,
.site-nav a {
    color: #ffffff !important;
}

.navbar a:hover,
.site-nav a:hover {
    color: var(--rcd-cyan) !important;
}
/* ---------------------------------------------------------
   Hero / Jumbotron
   --------------------------------------------------------- */

.jumbotron.fortags {
    background:
        linear-gradient(
            110deg,
            #182b46 0%,
            #17488c 35%,
            #101b2b 70%,
            #05080d 100%
        ) !important;

    color: #ffffff !important;
}

.jumbotron.fortags h1,
.jumbotron.fortags h2,
.jumbotron.fortags h3,
.jumbotron.fortags p {
    color: #ffffff !important;
}

.jumbotron.fortags a {
    color: #75baf0 !important;
}

.jumbotron.fortags a:hover {
    color: #a6d7fa !important;
}

/* ---------------------------------------------------------
   Buttons
   --------------------------------------------------------- */

.btn-primary {
    background: var(--rcd-cyan) !important;
    border-color: var(--rcd-cyan) !important;
    color: #06232a !important;
    font-weight: 600;
}

.btn-primary:hover {
    background: #0fb4d2 !important;
    border-color: #0fb4d2 !important;
}


/* ---------------------------------------------------------
   Links
   --------------------------------------------------------- */

a {
    color: var(--rcd-blue);
}

a:hover {
    color: var(--rcd-blue-dark);
}


/* ---------------------------------------------------------
   Cards
   --------------------------------------------------------- */

.card,
.post-card,
.project-card {
    background: var(--rcd-card);
    border: 1px solid var(--rcd-border);
    border-top: 6px solid var(--rcd-blue);
    border-radius: 12px;
    box-shadow:
    0 4px 12px rgba(0, 0, 0, 0.18),
    0 1px 3px rgba(0, 0, 0, 0.12);
}

.card-title,
.project-card h3,
.project-card h2 {
    color: var(--rcd-blue);
}


/* ---------------------------------------------------------
   Section headings
   --------------------------------------------------------- */

h1,
h2,
h3,
h4,
h5 {
    color: var(--rcd-text);
}

.section-title {
    border-bottom: 1px solid var(--rcd-blue);
}


/* ---------------------------------------------------------
   Blog
   --------------------------------------------------------- */

.post-title,
.post-title a {
    color: var(--rcd-text);
}

.post-title a:hover {
    color: var(--rcd-blue);
}

.post-excerpt,
.post-content {
    color: var(--rcd-text);
}


/* ---------------------------------------------------------
   Footer
   --------------------------------------------------------- */

footer {
    background: var(--rcd-header);
    color: #ffffff;
}

footer a {
    color: var(--rcd-cyan);
}


/* ---------------------------------------------------------
   Code
   --------------------------------------------------------- */

pre,
code {
    border-radius: 5px;
}


/* ---------------------------------------------------------
   Selection
   --------------------------------------------------------- */

::selection {
    background: var(--rcd-blue);
    color: #ffffff;
}