/* Unified DUITDIGITAL palette. Loaded last outside the isolated landing page. */
:root {
    --brand-navy: #07132c;
    --brand-navy-soft: #0d1d3c;
    --brand-blue: #3b6df6;
    --brand-blue-dark: #294fc4;
    --brand-cyan: #35d6e7;
    --brand-cyan-soft: #77e6ee;
    --brand-surface: #f6f8fc;
    --brand-ink: #0d1830;
    --brand-muted: #64748b;
    --brand-line: #e4eaf3;
}

body.auth-page,
body.member-area,
body.admin-area {
    --primary: var(--brand-blue);
    --primary-dark: var(--brand-blue-dark);
    --primary-light: #5d86f7;
    --accent: var(--brand-cyan);
    --accent-2: #8b5cf6;
}

/* Authentication */
body.auth-page {
    --auth-ink: var(--brand-ink);
    --auth-muted: var(--brand-muted);
    --auth-line: var(--brand-line);
    --auth-surface: #fff;
    --auth-soft: var(--brand-surface);
    --auth-purple: var(--brand-blue);
    --auth-coral: var(--brand-cyan);
}
.auth-page .auth-split-visual {
    background:
        radial-gradient(circle at 20% 18%, rgba(53,214,231,.2), transparent 24%),
        radial-gradient(circle at 88% 78%, rgba(59,109,246,.18), transparent 25%),
        linear-gradient(145deg, #061127 0%, var(--brand-navy) 52%, #0c244b 100%);
}
.auth-page .auth-split-visual::after { box-shadow: inset 0 0 100px rgba(53,214,231,.09); }
.auth-page .auth-split-visual .hero-badge { color: #bff7fb; }
.auth-page .auth-split-visual p { color: #aebbd2; }
.auth-page .auth-split-visual .stat-card .label { color: #93a3bd; }
.auth-page .auth-split-visual li { color: #cdd9ec; }
.auth-page .auth-split-visual li i { color: var(--brand-cyan-soft); }
.auth-page .auth-split-form {
    background:
        radial-gradient(circle at 100% 0, rgba(59,109,246,.09), transparent 26%),
        radial-gradient(circle at 0 100%, rgba(53,214,231,.08), transparent 25%),
        var(--auth-soft);
}
.auth-page .auth-theme-toggle .btn-theme-toggle { color: var(--brand-blue); }
.auth-page .auth-logo,
.auth-page .btn-primary {
    border-color: transparent;
    background: linear-gradient(135deg, var(--brand-blue), var(--brand-cyan));
    box-shadow: 0 12px 28px rgba(53,109,246,.24);
}
.auth-page .form-control:focus { border-color: #73a7ff; box-shadow: 0 0 0 4px rgba(59,109,246,.1); }
.auth-page a { color: var(--brand-blue-dark); }
[data-bs-theme="dark"] .auth-page .auth-split-form,
[data-theme="dark"] .auth-page .auth-split-form { background: radial-gradient(circle at 100% 0, rgba(59,109,246,.15), transparent 26%), #08142c; }

/* Public information pages */
body.public-site {
    --public-ink: var(--brand-ink);
    --public-muted: var(--brand-muted);
    --public-line: rgba(15,23,42,.09);
    --public-blue: var(--brand-blue);
    --public-indigo: #4f46e5;
    --public-cyan: var(--brand-cyan);
    background: var(--brand-surface);
}
.public-site .public-navbar { background: rgba(7,19,44,.94); }
.public-site .public-brand-mark,
.public-site .btn-glow,
.public-site .btn-primary { border-color: transparent; background: linear-gradient(135deg, var(--brand-blue), var(--brand-cyan)); }
.public-site .page-hero { background: radial-gradient(circle at 82% 20%, rgba(59,109,246,.34), transparent 28%), linear-gradient(145deg, #061127, #0a1936 55%, #0c244b); }
.public-site .public-eyebrow,
.public-site .pricing-section-head > div > span,
.public-site .pricing-card-category,
.public-site .pricing-cta > div > span { color: var(--brand-cyan-soft); }
.public-site .pricing-tabs a:hover,
.public-site .pricing-tabs a.active { border-color: rgba(53,214,231,.55); }
.public-site .pricing-tabs a.active { background: linear-gradient(135deg,rgba(59,109,246,.27),rgba(15,23,42,.74)); }
.public-site .pricing-tabs a > span,
.public-site .pricing-product-name > span,
.public-site .pricing-product-icon,
.public-site .pricing-empty > span { background: rgba(53,214,231,.11); color: var(--brand-cyan-soft); }
.public-site .pricing-filter-form input:focus,
.public-site .pricing-filter-form select:focus { border-color: var(--brand-cyan); box-shadow: 0 0 0 3px rgba(53,214,231,.1); }
.public-site .pricing-price,
.public-site .pricing-card-price strong { color: var(--brand-cyan-soft); }
.public-site .pricing-pagination a:hover { border-color: var(--brand-cyan); color: var(--brand-cyan-soft); }
.public-site .pricing-cta { border-color: rgba(53,214,231,.22); background: linear-gradient(135deg,rgba(59,109,246,.24),rgba(7,19,44,.9)); }

/* Public pages use the same light catalogue language as the landing page. */
.public-site .public-main {
    background:
        linear-gradient(rgba(13,24,48,.025) 1px, transparent 1px),
        linear-gradient(90deg, rgba(13,24,48,.025) 1px, transparent 1px),
        radial-gradient(circle at 14% 4%, rgba(59,109,246,.1), transparent 27%),
        radial-gradient(circle at 92% 38%, rgba(53,214,231,.075), transparent 25%),
        var(--brand-surface);
    background-size: 54px 54px, 54px 54px, auto, auto, auto;
}
.public-site .page-hero {
    border-radius: 24px;
    background: radial-gradient(circle at 78% 14%, rgba(59,109,246,.28), transparent 27%), linear-gradient(145deg, #061127 0%, #0a1936 52%, #0c244b 100%);
    box-shadow: 0 24px 70px rgba(14,31,67,.16), inset 0 1px rgba(255,255,255,.08);
}
.public-site .card-panel,
.public-site .public-surface,
.public-site .faq-accordion .accordion-item {
    border-color: var(--brand-line);
    background: #fff;
    box-shadow: 0 14px 40px rgba(14,31,67,.065);
}
.public-site .card-panel:hover { border-color: rgba(59,109,246,.2); box-shadow: 0 20px 48px rgba(14,31,67,.1); }
.public-site .cms-page-content { color: #344054; }
.public-site .cms-page-content h2,
.public-site .cms-page-content h3,
.public-site .cms-page-content h4,
.public-site .cms-page-content h5 { color: var(--brand-ink); }
.public-site .faq-nav-link.active,
.public-site .faq-accordion .accordion-button:not(.collapsed) { background: linear-gradient(135deg, #edf3ff, #effcff); color: var(--brand-blue-dark); }
.public-site .faq-nav-link.active { box-shadow: inset 3px 0 var(--brand-blue); }

.public-site .pricing-tabs a {
    border-color: var(--brand-line);
    background: #fff;
    color: var(--brand-ink);
    box-shadow: 0 10px 28px rgba(14,31,67,.055);
}
.public-site .pricing-tabs a small { color: var(--brand-muted); }
.public-site .pricing-tabs a.active {
    border-color: rgba(59,109,246,.32);
    background: linear-gradient(135deg, #edf3ff, #edfcff);
    color: var(--brand-blue-dark);
    box-shadow: 0 14px 34px rgba(53,109,246,.11), inset 0 0 0 1px rgba(53,214,231,.1);
}
.public-site .pricing-tabs a > span { background: linear-gradient(145deg, rgba(59,109,246,.12), rgba(53,214,231,.14)); color: var(--brand-blue); }
.public-site .pricing-catalog {
    border-color: var(--brand-line);
    background: #fff;
    box-shadow: 0 20px 60px rgba(14,31,67,.08);
}
.public-site .pricing-section-head > div > span { color: var(--brand-blue); }
.public-site .pricing-section-head h2,
.public-site .pricing-section-head p strong { color: var(--brand-ink); }
.public-site .pricing-section-head p { color: var(--brand-muted); }
.public-site .pricing-filter-form { border: 1px solid #e8edf6; background: #f6f8fc; }
.public-site .pricing-filter-form label > span { color: #52617a; }
.public-site .pricing-filter-form select,
.public-site .pricing-filter-form input { border-color: #dce4f0; background: #fff; color: var(--brand-ink); }
.public-site .pricing-table-wrap { border-color: var(--brand-line); }
.public-site .pricing-table { color: #344054; }
.public-site .pricing-table th { background: #eef3fb; color: #52617a; }
.public-site .pricing-table td { border-color: #edf1f7; }
.public-site .pricing-table tbody tr:hover { background: #f8fbff; }
.public-site .pricing-product-name strong,
.public-site .pricing-product-card h3 { color: var(--brand-ink); }
.public-site .pricing-product-name small,
.public-site .pricing-product-card code,
.public-site .pricing-card-price span { color: var(--brand-muted); }
.public-site .pricing-category-chip { background: #edf3ff; color: #315ac2; }
.public-site .pricing-price,
.public-site .pricing-card-price strong { color: var(--brand-blue-dark); }
.public-site .pricing-product-card { border-color: var(--brand-line); background: #fff; box-shadow: 0 10px 28px rgba(14,31,67,.055); }
.public-site .pricing-card-category { color: var(--brand-blue); }
.public-site .pricing-card-price { border-color: #edf1f7; }
.public-site .pricing-pagination a { border-color: #dce4f0; background: #fff; color: var(--brand-blue-dark); }
.public-site .pricing-pagination span { color: var(--brand-muted); }
.public-site .pricing-pagination strong,
.public-site .pricing-empty h3 { color: var(--brand-ink); }
.public-site .pricing-empty p { color: var(--brand-muted); }
.public-site .pricing-cta { border-color: rgba(53,214,231,.2); background: radial-gradient(circle at 85% 20%, rgba(59,109,246,.25), transparent 28%), linear-gradient(145deg, #061127, #0c244b); }

/* Structured footer: company, office, navigation, and support remain scannable. */
.public-site footer.landing-footer { background: radial-gradient(circle at 8% 0, rgba(59,109,246,.2), transparent 28%), radial-gradient(circle at 95% 90%, rgba(53,214,231,.12), transparent 28%), var(--brand-navy); }
.public-footer-grid { display: grid; grid-template-columns: 1.15fr 1.35fr .65fr 1fr; gap: clamp(28px,4vw,54px); align-items: start; }
.public-footer-grid section { min-width: 0; }
.public-footer-company .public-footer-copy { margin-bottom: 18px; }
.public-footer-office { display: flex; flex-direction: column; color: rgba(255,255,255,.66); font-size: .79rem; line-height: 1.65; }
.public-footer-office > strong { color: #fff; font-size: .84rem; line-height: 1.5; }
.public-footer-nib { display: inline-flex; width: fit-content; margin: 8px 0 13px; padding: 5px 8px; border: 1px solid rgba(119,230,238,.16); border-radius: 8px; background: rgba(53,214,231,.07); color: #aeeff4; font-size: .68rem; font-weight: 750; letter-spacing: .035em; }
.public-footer-office address { display: grid; grid-template-columns: 18px minmax(0,1fr); gap: 7px; margin: 0; font-style: normal; }
.public-footer-office address i { margin-top: 2px; color: var(--brand-cyan-soft); }
.public-footer-links a { display: inline-flex; align-items: center; gap: 7px; line-height: 1.5; }
.public-footer-links a i { color: var(--brand-cyan-soft); }

@media (max-width: 991.98px) {
    .public-footer-grid { grid-template-columns: 1.1fr 1.3fr; }
}
@media (max-width: 575.98px) {
    .public-footer-grid { grid-template-columns: 1fr; gap: 28px; }
    .public-footer-company { padding-bottom: 25px; border-bottom: 1px solid rgba(255,255,255,.08); }
    .public-footer-title { margin-bottom: 11px; }
    .public-footer-links { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 9px 14px; }
    .public-footer-links a { width: auto; }
    .public-footer-office address { max-width: 34rem; }
    .public-site .pricing-table tr { border-color: var(--brand-line); }
    .public-site .pricing-table td::before { color: var(--brand-muted); }
}

/* Exact final landing palette: purple, coral, amber, and warm surfaces. */
body.public-site {
    --public-ink: #251331;
    --public-muted: #74657d;
    --public-line: #eee5f0;
    --public-blue: #7c3aed;
    --public-indigo: #a855f7;
    --public-cyan: #fb7185;
    background: #fff8f7;
    color: #251331;
}
.public-site .public-navbar { background: rgba(24,13,47,.94) !important; }
.public-site .public-navbar.navbar-scrolled { background: rgba(24,13,47,.98) !important; }
.public-site .public-brand-mark,
.public-site .btn-glow,
.public-site .btn-primary { background: linear-gradient(120deg, #7c3aed, #e94f75 72%, #f59e0b); box-shadow: 0 10px 24px rgba(145,58,170,.25); }
.public-site .public-main {
    background:
        linear-gradient(rgba(37,19,49,.022) 1px, transparent 1px),
        linear-gradient(90deg, rgba(37,19,49,.022) 1px, transparent 1px),
        radial-gradient(circle at 14% 4%, rgba(168,85,247,.09), transparent 27%),
        radial-gradient(circle at 92% 38%, rgba(251,113,133,.07), transparent 25%),
        #fff8f7;
    background-size: 54px 54px, 54px 54px, auto, auto, auto;
}
.public-site .page-hero {
    background: radial-gradient(circle at 76% 17%, rgba(251,113,133,.25), transparent 25%), radial-gradient(circle at 12% 85%, rgba(245,158,11,.1), transparent 27%), linear-gradient(145deg, #160b2c 0%, #251044 48%, #4a194f 100%);
    box-shadow: 0 24px 70px rgba(71,32,82,.18), inset 0 1px rgba(255,255,255,.08);
}
.public-site .public-eyebrow,
.public-site .pricing-cta > div > span { color: #fda4af; }
.public-site .card-panel,
.public-site .public-surface,
.public-site .faq-accordion .accordion-item { border-color: #eee5f0; box-shadow: 0 14px 40px rgba(71,32,82,.065); }
.public-site .card-panel:hover { border-color: rgba(124,58,237,.2); box-shadow: 0 20px 48px rgba(71,32,82,.1); }
.public-site .faq-nav-link.active,
.public-site .faq-accordion .accordion-button:not(.collapsed) { background: linear-gradient(135deg, #f5eaff, #fff0f2); color: #7c3aed; }
.public-site .faq-nav-link.active { box-shadow: inset 3px 0 #7c3aed; }
.public-site .faq-section-head i { background: #f5eaff; color: #7c3aed !important; }
.public-site .pricing-tabs a.active { border-color: rgba(124,58,237,.28); background: linear-gradient(135deg, #f5eaff, #fff0f2); color: #7c3aed; box-shadow: 0 14px 34px rgba(145,58,170,.11), inset 0 0 0 1px rgba(251,113,133,.08); }
.public-site .pricing-tabs a > span,
.public-site .pricing-product-name > span,
.public-site .pricing-product-icon,
.public-site .pricing-empty > span { background: linear-gradient(145deg, rgba(124,58,237,.11), rgba(251,113,133,.12)); color: #8b3fc4; }
.public-site .pricing-section-head > div > span,
.public-site .pricing-card-category { color: #8b3fc4; }
.public-site .pricing-filter-form { border-color: #eee5f0; background: #fff8f7; }
.public-site .pricing-filter-form select,
.public-site .pricing-filter-form input { border-color: #e7dce9; }
.public-site .pricing-filter-form input:focus,
.public-site .pricing-filter-form select:focus { border-color: #bc75d0; box-shadow: 0 0 0 3px rgba(124,58,237,.09); }
.public-site .pricing-table th { background: #f7eef8; color: #654d70; }
.public-site .pricing-category-chip { background: #f5eaff; color: #7c3aed; }
.public-site .pricing-price,
.public-site .pricing-card-price strong { color: #8b3fc4; }
.public-site .pricing-pagination a { border-color: #e7dce9; color: #7c3aed; }
.public-site .pricing-pagination a:hover { border-color: #e94f75; color: #e94f75; }
.public-site .pricing-cta { border-color: rgba(251,113,133,.2); background: radial-gradient(circle at 85% 20%, rgba(251,113,133,.2), transparent 28%), linear-gradient(145deg, #29113f, #682456); }
.public-site footer.landing-footer { background: radial-gradient(circle at 8% 0, rgba(124,58,237,.2), transparent 28%), radial-gradient(circle at 95% 90%, rgba(251,113,133,.13), transparent 28%), #130820; }
.public-site .public-footer-nib { border-color: rgba(251,164,175,.17); background: rgba(251,113,133,.07); color: #fda4af; }
.public-site .public-footer-office address i,
.public-site .public-footer-links a i,
.public-site .public-trust-row i { color: #fda4af; }

/* Member application */
body.member-area {
    --member-premium-blue: var(--brand-blue);
    --member-premium-cyan: var(--brand-cyan);
    --member-premium-violet: #8b5cf6;
    --member-premium-green: #22c55e;
    --bg: var(--brand-surface);
    --bg-hover: #edf2fb;
    --border: var(--brand-line);
    --text: var(--brand-ink);
    --text-muted: var(--brand-muted);
}
.member-area .member-sidebar { background: radial-gradient(circle at 18% 0, rgba(53,214,231,.18), transparent 29%), linear-gradient(180deg, #0c244b 0%, #081a36 58%, var(--brand-navy) 100%); }
.member-area .member-brand-mark { background: linear-gradient(145deg, rgba(59,109,246,.4), rgba(53,214,231,.25)); color: #d7fbff; }
.member-area .sidebar .nav-link.active { background: linear-gradient(135deg, var(--brand-blue), #315ad2); box-shadow: 0 10px 24px rgba(32,76,190,.3), inset 0 1px rgba(255,255,255,.15); }
.member-area .main-content { background: radial-gradient(circle at 94% 2%, rgba(59,109,246,.09), transparent 24%), radial-gradient(circle at 18% 100%, rgba(53,214,231,.06), transparent 25%); }
.member-area .top-bar-title::before,
.member-area .card-panel .card-header::after { background: linear-gradient(var(--brand-blue), var(--brand-cyan)); }
.member-area .top-bar-balance { border-color: rgba(59,109,246,.18); background: linear-gradient(135deg, rgba(59,109,246,.12), rgba(53,214,231,.08)); color: #244caf; }
.member-area .form-control:focus,
.member-area .form-select:focus { border-color: #73a7ff; box-shadow: 0 0 0 4px rgba(59,109,246,.11), 0 8px 18px rgba(41,79,196,.07); }
.member-area .btn-primary { border-color: transparent; background: linear-gradient(135deg, var(--brand-blue), #315ad2); box-shadow: 0 9px 20px rgba(41,79,196,.23); }
.member-area .btn-primary:hover { border-color: transparent; background: linear-gradient(135deg, #315edb, #2447b5); }

@media (max-width: 767.98px) {
    body.member-area,
    body.member-area:not(.member-page-dashboard):not(.member-page-ppob-detail):not(.member-page-services-detail),
    body.member-area.member-page-dashboard,
    body.member-area.member-page-ppob-detail,
    body.member-area.member-page-services-detail {
        --primary: #5d86f7;
        --primary-dark: var(--brand-blue);
        --primary-light: #86a8ff;
        --accent: var(--brand-cyan);
        --accent-2: #8b5cf6;
        --member-premium-blue: #5d86f7;
        --member-premium-cyan: var(--brand-cyan-soft);
        --member-premium-violet: #9b83ff;
        --bg: var(--brand-navy);
        --bg-card: var(--brand-navy-soft);
        --bg-hover: #14284e;
        --input-bg: #102342;
        --text: #eef4ff;
        --text-muted: #93a3bd;
        --border: rgba(123,157,214,.22);
        background-color: var(--brand-navy);
        color: #eef4ff;
    }
    body.member-area .main-content,
    body.member-area.member-page-dashboard .main-content,
    body.member-area.member-page-ppob-detail .main-content,
    body.member-area.member-page-services-detail .main-content {
        background: radial-gradient(circle at 88% 1%, rgba(59,109,246,.2), transparent 27%), radial-gradient(circle at 5% 58%, rgba(53,214,231,.08), transparent 24%), var(--brand-navy);
    }
    body.member-area .top-bar { border-bottom-color: rgba(123,157,214,.18); background: rgba(7,19,44,.9); }
    body.member-area .mobile-bottom-nav,
    body.member-area.member-page-dashboard .mobile-bottom-nav { border-color: rgba(123,157,214,.25); background: rgba(8,24,52,.97); box-shadow: 0 -10px 34px rgba(1,7,19,.44), inset 0 1px rgba(255,255,255,.045); }
    body.member-area .mobile-nav-item { color: #8294b1; }
    body.member-area .mobile-nav-item.active,
    body.member-area .mobile-nav-primary > span:last-child { color: var(--brand-cyan-soft); }
    body.member-area .mobile-nav-primary-icon { border-color: var(--brand-navy); background: linear-gradient(145deg, var(--brand-blue), var(--brand-cyan)); box-shadow: 0 9px 24px rgba(53,109,246,.42), inset 0 1px rgba(255,255,255,.18); }
    body.member-area .deposit-balance-pill { border-color: rgba(119,230,238,.25); background: linear-gradient(135deg, rgba(59,109,246,.2), rgba(53,214,231,.1)); color: #d7fbff; }
    body.member-area.member-page-dashboard .btn-sidebar-toggle,
    body.member-area.member-page-dashboard .mobile-dashboard-alert,
    body.member-area.member-page-dashboard .btn-theme-toggle { border-color: rgba(123,157,214,.24); background: rgba(13,29,60,.82); }
    body.member-area.member-page-dashboard .mobile-wallet-hero {
        border-color: rgba(53,214,231,.48);
        background: radial-gradient(circle at 76% 40%, rgba(53,214,231,.22), transparent 34%), linear-gradient(135deg, #315edb 0%, #173f94 54%, #0c2b5b 100%);
        box-shadow: inset 0 0 28px rgba(53,214,231,.1), 0 16px 34px rgba(1,7,19,.34);
    }
    body.member-area.member-page-dashboard .mobile-wallet-copy > a { border-color: rgba(119,230,238,.28); background: rgba(7,19,44,.34); color: #bff7fb !important; }
    body.member-area.member-page-dashboard .mobile-wallet-art { border-color: rgba(119,230,238,.4); background: linear-gradient(145deg, #3b6df6, #257fb5 72%); color: #d7fbff; box-shadow: inset -9px -11px 21px rgba(7,19,44,.28), 0 14px 28px rgba(24,61,139,.34); }
    body.member-area.member-page-dashboard .wallet-currency { border-color: rgba(119,230,238,.4); background: linear-gradient(145deg, #35d6e7, #3b6df6); color: #fff; }
    body.member-area.member-page-dashboard .mobile-summary-card,
    body.member-area.member-page-dashboard .mobile-product-card,
    body.member-area.member-page-dashboard .mobile-smm-card { border-color: rgba(123,157,214,.22); background: linear-gradient(145deg, rgba(13,29,60,.96), rgba(8,24,52,.94)); }
    body.member-area.member-page-dashboard .mobile-billing-banner { border-color: rgba(53,214,231,.46); background: radial-gradient(circle at 85% 50%, rgba(53,214,231,.2), transparent 32%), linear-gradient(115deg, #2447b5, #0c3569); }
}

/* Administration */
body.admin-area { background: var(--brand-surface); color: var(--brand-ink); }
.admin-area .sidebar { background: radial-gradient(circle at 18% 0, rgba(53,214,231,.17), transparent 28%), linear-gradient(180deg, #0c244b, var(--brand-navy)); }
.admin-area .sidebar .nav-link.active { background: linear-gradient(135deg, var(--brand-blue), #315ad2); box-shadow: 0 9px 22px rgba(32,76,190,.3); }
.admin-area .main-content { background: radial-gradient(circle at 94% 2%, rgba(59,109,246,.08), transparent 24%), var(--brand-surface); }
.admin-area .top-bar { border-color: var(--brand-line); }
.admin-area .top-bar-title::before { background: linear-gradient(var(--brand-blue), var(--brand-cyan)); }
.admin-area .btn-primary { border-color: transparent; background: linear-gradient(135deg, var(--brand-blue), #315ad2); box-shadow: 0 8px 20px rgba(41,79,196,.2); }
.admin-area .form-control:focus,
.admin-area .form-select:focus { border-color: #73a7ff; box-shadow: 0 0 0 4px rgba(59,109,246,.1); }

[data-theme="dark"] body.member-area,
[data-bs-theme="dark"] body.member-area,
[data-theme="dark"] body.admin-area,
[data-bs-theme="dark"] body.admin-area { --bg: #08142c; --bg-card: #0d1d3c; --bg-hover: #14284e; --border: #243a60; --text: #eef4ff; --text-muted: #93a3bd; }