/*
 * RPG Oase
 * Globale Linkfarben
 */


/* =========================================================
   LINKFARBEN
   ========================================================= */

:root {

    /* Farbe 1
       Interne RPG-Oase Links
       und RPGs ohne besondere Tags
    */
    --link-internal: #2784F5;


    /* Farbe 2
       Adult-RPGs
    */
    --link-adult: #7327F5;


    /* Farbe 3
       ERPGs
    */
    --link-erpg: #F527EB;


    /* Farbe 4
       Chat-RPGs
    */
    --link-chat: #27F5E4;


    /* Farbe 5
       Benutzerprofile
       und Rollenübersichten
    */
    --link-profile: #27F557;


    /* Farbe 6
       PMs / PM-Formular
    */
    --link-pm: #D9FA00;


    /* Farbe 7
       Externe Webseiten
    */
    --link-external: #FA7900;


    /* Farbe 8
       Nicht existierende Seiten
    */
    --link-missing: #FA0000;

}


/* =========================================================
   FARBE 1 – INTERNE LINKS / NORMALE RPGs
   ========================================================= */

.link-internal {
    color: var(--link-internal);
}


/* =========================================================
   FARBE 2 – ADULT-RPGs
   ========================================================= */

.link-adult {
    color: var(--link-adult);
}


/* =========================================================
   FARBE 3 – ERPGs
   ========================================================= */

.link-erpg {
    color: var(--link-erpg);
}


/* =========================================================
   FARBE 4 – CHAT-RPGs
   ========================================================= */

.link-chat {
    color: var(--link-chat);
}


/* =========================================================
   FARBE 5 – BENUTZERPROFILE
   ========================================================= */

.link-profile,
.link-profile:visited,
.link-profile:hover,
.link-profile:active,
.link-profile:focus {
    color: var(--link-profile);
}


/* =========================================================
   FARBE 6 – PMs
   ========================================================= */

.link-pm {
    color: var(--link-pm);
}


/* =========================================================
   FARBE 7 – EXTERNE SEITEN
   ========================================================= */

.link-external {
    color: var(--link-external);
}


/* =========================================================
   FARBE 8 – NICHT EXISTIERENDE SEITEN
   ========================================================= */

.link-missing {
    color: var(--link-missing);
}


/* =========================================================
   GEMEINSAMES VERHALTEN
   ========================================================= */

.link-internal,
.link-adult,
.link-erpg,
.link-chat,
.link-profile,
.link-pm,
.link-external,
.link-missing {
    font-weight: 600;
    text-decoration: none;
    transition:
        color 0.15s ease,
        opacity 0.15s ease;
}


.link-internal:hover,
.link-adult:hover,
.link-erpg:hover,
.link-chat:hover,
.link-profile:hover,
.link-pm:hover,
.link-external:hover,
.link-missing:hover {
    text-decoration: underline;
    opacity: 0.85;
}


.link-internal:focus-visible,
.link-adult:focus-visible,
.link-erpg:focus-visible,
.link-chat:focus-visible,
.link-profile:focus-visible,
.link-pm:focus-visible,
.link-external:focus-visible,
.link-missing:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: 3px;
    border-radius: 3px;
}

/* =========================================================
   AUTOMATISCHE PROFILLINK-FARBEN NACH BENUTZERRANG
   ========================================================= */

/*
 * Die tatsächliche Farbe wird zentral anhand des Zielbenutzers gesetzt.
 * !important ist hier absichtlich gesetzt, damit vorhandene Seiten-/Klassen-
 * Styles die Rangfarbe eines Profillinks nicht versehentlich überschreiben.
 */
a[data-rpgoase-profile-link="1"],
a[data-rpgoase-profile-link="1"]:visited,
a[data-rpgoase-profile-link="1"]:hover,
a[data-rpgoase-profile-link="1"]:active,
a[data-rpgoase-profile-link="1"]:focus {
    color: var(--rpgoase-profile-link-color) !important;
}

/*
 * Ein ausdrücklich gesetzter [color=...] BBCode hat Vorrang vor der
 * automatischen Rangfarbe des Profillinks.
 */
.rpgoase-bbcode-explicit-color a[data-rpgoase-profile-link="1"],
.rpgoase-bbcode-explicit-color a[data-rpgoase-profile-link="1"]:visited,
.rpgoase-bbcode-explicit-color a[data-rpgoase-profile-link="1"]:hover,
.rpgoase-bbcode-explicit-color a[data-rpgoase-profile-link="1"]:active,
.rpgoase-bbcode-explicit-color a[data-rpgoase-profile-link="1"]:focus,
.rpgoase-editor [data-rpgoase-bb="color"] a[data-rpgoase-profile-link="1"],
.rpgoase-editor [data-rpgoase-bb="color"] a[data-rpgoase-profile-link="1"]:visited,
.rpgoase-editor [data-rpgoase-bb="color"] a[data-rpgoase-profile-link="1"]:hover,
.rpgoase-editor [data-rpgoase-bb="color"] a[data-rpgoase-profile-link="1"]:active,
.rpgoase-editor [data-rpgoase-bb="color"] a[data-rpgoase-profile-link="1"]:focus {
    color: inherit !important;
}