/* LocatieRapport - MDL theme overrides */

:root {
    --primary-color: #1E88E5;        /* mat.$blue-palette 600 */
    --primary-color-dark: #1976D2;   /* mat.$blue-palette 700 */
    --primary-color-light: #42A5F5;  /* mat.$blue-palette 400 */
    --accent-color: #00E676;         /* mat.$green-palette A400 */
    --accent-color-dark: #00C853;    /* mat.$green-palette A700 */
    --warn-color: #f44336;           /* mat.$red-palette default */
    --text-color: #212121;
    --text-color-light: #ffffff;
    --font-family: Roboto, "Helvetica Neue", sans-serif;
}

/* Global styles */
html, body {
    margin: 0;
    padding: 0;
    font-family: var(--font-family);
    color: var(--text-color);
    background: #fff;
    color-scheme: light dark;
}

/* Header / Navbar */
.mdl-layout__header {
    background-color: var(--primary-color-dark);
    color: var(--text-color-light);
}

/* Navigation links in header */
.mdl-navigation__link {
    color: var(--text-color-light);
}

/* Buttons */
.mdl-button--colored {
    background-color: var(--primary-color);
    color: var(--text-color-light);
}

/* Accent buttons / floating action buttons */
.mdl-button--fab {
    background-color: var(--accent-color);
    color: var(--text-color-light);
}

/* Links */
a {
    color: var(--accent-color);
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}

/* Cards */
.mdl-card {
    border-radius: 8px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.2);
}
.mdl-card__title {
    background-color: var(--primary-color-light);
    color: var(--text-color-light);
}

/* Typography overrides (optional) */
h1, h2, h3, h4, h5, h6 {
    font-weight: 400;
    margin-top: 1.5rem;
    margin-bottom: 0.5rem;
}