/*
 * DIBISI V11 - UNIFIED CORPORATE HEADINGS
 *
 * Light mode:
 * Near-black headings.
 *
 * Dark mode:
 * Light headings for legibility.
 *
 * Applies to all page headings H1-H6.
 *
 * Brand, buttons, icons and other text
 * are not recolored.
 */

/* -----------------------------------------------
   LIGHT MODE - ALL HEADINGS
----------------------------------------------- */

html body:not(.dark-theme)
:is(h1, h2, h3, h4, h5, h6) {

    color: #111111 !important;
    -webkit-text-fill-color: #111111 !important;
}

/* Headings containing strong, span or em elements */

html body:not(.dark-theme)
:is(h1, h2, h3, h4, h5, h6)
:is(strong, span, b, em) {

    color: #111111 !important;
    -webkit-text-fill-color: #111111 !important;
}

/* -----------------------------------------------
   DARK MODE - ALL HEADINGS
----------------------------------------------- */

html body.dark-theme
:is(h1, h2, h3, h4, h5, h6) {

    color: #F4F6FA !important;
    -webkit-text-fill-color: #F4F6FA !important;
}

html body.dark-theme
:is(h1, h2, h3, h4, h5, h6)
:is(strong, span, b, em) {

    color: #F4F6FA !important;
    -webkit-text-fill-color: #F4F6FA !important;
}

/* -----------------------------------------------
   HOMEPAGE - REMOVE TRICOLOR HEADLINE
----------------------------------------------- */

html body[data-page="index"]:not(.dark-theme)
.df-hero h1.dibisi-hero-tricolor
.dibisi-hero-line {

    color: #111111 !important;
    -webkit-text-fill-color: #111111 !important;
}

html body[data-page="index"].dark-theme
.df-hero h1.dibisi-hero-tricolor
.dibisi-hero-line {

    color: #F4F6FA !important;
    -webkit-text-fill-color: #F4F6FA !important;
}

/* -----------------------------------------------
   HOMEPAGE - RIGHT INFORMATION PANEL
----------------------------------------------- */

html body[data-page="index"]:not(.dark-theme)
.df-board h2 {

    color: #111111 !important;
    -webkit-text-fill-color: #111111 !important;
}

html body[data-page="index"].dark-theme
.df-board h2 {

    color: #F4F6FA !important;
    -webkit-text-fill-color: #F4F6FA !important;
}

/* -----------------------------------------------
   SERVICE AND CONTENT HEADINGS
----------------------------------------------- */

html body.v27-page:not(.dark-theme)[data-page]
:is(h1, h2, h3, h4, h5, h6) {

    color: #111111 !important;
    -webkit-text-fill-color: #111111 !important;
}

html body.v27-page.dark-theme[data-page]
:is(h1, h2, h3, h4, h5, h6) {

    color: #F4F6FA !important;
    -webkit-text-fill-color: #F4F6FA !important;
}

/* Nested elements inherit the same heading color. */

html body.v27-page:not(.dark-theme)[data-page]
:is(h1, h2, h3, h4, h5, h6)
:is(strong, span, b, em) {

    color: #111111 !important;
    -webkit-text-fill-color: #111111 !important;
}

html body.v27-page.dark-theme[data-page]
:is(h1, h2, h3, h4, h5, h6)
:is(strong, span, b, em) {

    color: #F4F6FA !important;
    -webkit-text-fill-color: #F4F6FA !important;
}

/* Typography, layout, navigation and animations
   remain unchanged. */