/* =========================================
   SPACE × DANS.SE
   SAFE VERSION
   Påverkar INTE navigationen
   ========================================= */


/* TYPOGRAFI */

body,
input,
select,
textarea,
table,
td,
th {
    font-family: Inter, Arial, sans-serif !important;
}

body {
    background-color: #050505 !important;
    color: #F2F2F2 !important;
    font-size: 15px !important;
}


/* RUBRIKER */

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: Inter, Arial, sans-serif !important;
    color: #FFFFFF !important;
}


/* LÄNKAR I SIDANS INNEHÅLL */
/* Ändrar inte färgen globalt på alla länkar */

main a,
#content a,
.content a {
    color: #00DA6E;
}


/* FORMULÄRFÄLT */

input[type="text"],
input[type="email"],
input[type="tel"],
input[type="number"],
input[type="password"],
textarea,
select {
    background-color: #111111 !important;
    color: #FFFFFF !important;
    border-color: #2A2A2A !important;
}


/* FOKUS I FORMULÄR */

input[type="text"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="number"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus {
    border-color: #00DA6E !important;
    outline-color: #00DA6E !important;
}


/* ENDAST RIKTIGA FORMULÄRKNAPPAR */
/* Vi rör INTE vanliga <button>, .btn eller .button */

input[type="submit"],
input[type="button"] {
    background-color: #00DA6E !important;
    color: #050505 !important;
    border-color: #00DA6E !important;
    font-family: Inter, Arial, sans-serif !important;
}


/* TABELLER */

table,
td,
th {
    border-color: #242424 !important;
}

th {
    color: #FFFFFF !important;
}


/* SEKUNDÄR TEXT */

small {
    color: #AAAAAA;
}