/* Jobick design tokens: align public + admin so typography and greys read as one system. */

html {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body {
    font-family: "Roboto", var(--bs-font-sans-serif);
    color: var(--text);
    background-color: var(--body-bg);
}

.website-template {
    background-color: var(--body-bg) !important;
    color: var(--text);
}

/* Section titles on light backgrounds; hero title stays on gradient */
.website-template .site-section-title {
    color: var(--title);
    font-family: "Roboto", var(--font-family-title, sans-serif);
    font-weight: 700;
}

.website-template .site-www-hero .site-www-hero-title {
    color: #fff !important;
    font-family: "Roboto", var(--font-family-title, sans-serif);
    font-weight: 700;
}

/* Cards in marketing: match template greys for body text */
.website-template .text-muted,
.website-template .card .text-muted {
    color: var(--text-gray) !important;
}

/* Hero — primary anchor matches theme orange */
.site-www-hero {
    background: linear-gradient(125deg, var(--primary) 0%, #2a2a33 50%, #151722 100%) !important;
}

/* Footer: one contrast ramp, readable size (not “fine print”) */
.site-www-footer {
    --site-footer-heading: rgba(255, 255, 255, 0.95);
    --site-footer-body: rgba(255, 255, 255, 0.7);
    --site-footer-link: rgba(255, 255, 255, 0.8);
    background: #151722 !important;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    font-size: 1.0625rem;
    line-height: 1.55;
}

.site-www-footer h6 {
    color: var(--site-footer-heading);
    font-size: 0.9rem;
    letter-spacing: 0.07em;
    font-weight: 600;
    font-family: "Roboto", sans-serif;
    margin-bottom: 1rem;
}

.site-www-footer .text-white-50,
.site-www-footer p,
.site-www-footer a.text-white-50,
.site-www-footer .small {
    font-size: 1.0625rem;
}

.site-www-footer p,
.site-www-footer a.text-white-50 {
    color: var(--site-footer-link) !important;
}

.site-www-footer a.text-white-50 {
    text-decoration: none;
    transition: color 0.15s ease;
}

.site-www-footer a.text-white-50:hover,
.site-www-footer a.text-white-50:focus {
    color: #fff !important;
}

/* Header: nav + action targets closer to 16–17px */
.website-template .site-www-header {
    font-size: 1.0625rem;
}

.website-template .site-www-header .site-www-nav-links .nav-link {
    font-family: "Roboto", sans-serif;
    font-size: 1.0625rem;
    font-weight: 500;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.website-template .site-www-header .site-head-actions .btn {
    font-size: 0.98rem;
    font-weight: 500;
    padding: 0.5rem 1.1rem;
    border-radius: 0.4rem;
}

.site-www-footer .site-footer-legal {
    font-size: 0.95rem;
    opacity: 0.9;
}

.site-www-footer .site-footer-list li a {
    display: inline-block;
    padding: 0.2rem 0;
}

/* Dashboard charts: Apex defaults to Poppins in theme JS; align to Roboto */
.content-body .apexcharts-text,
.content-body .apexcharts-legend-text,
.content-body .apexcharts-datalabels text {
    font-family: "Roboto", sans-serif !important;
}