/* Base styles, variables and reset */

:root {
    /* D&D Beyond Monster Manual Theme Colors - Updated with exact values */
    --mm-border-color: #a7a3a0; /* Border color from D&D Beyond */
    --mm-header-color: #5b160c; /* Header color from D&D Beyond */
    --mm-divider-color: #7a3c2f; /* Divider/underline color */
    --mm-bg-color: #f6f3ed; /* Background color from D&D Beyond - updated */
    --mm-bg-alt: #f6f3ee; /* Alternative background color */
    --mm-bg-light: #f1f7f2; /* Light background */
    --mm-bg-dark: #d9e7dd; /* Darker background */
    --mm-bg-hover: #c0d8b7; /* Hover background */
    --mm-link-color: #004b93; /* Link color from D&D Beyond */
    --mm-stats-bg: #ede6d9; /* Stats background */
    --mm-shadow: #aaa; /* Shadow color */
    --mm-texture-url: url('../../data/Texture.jpg');
    /* Font variables */
    --mm-header-font: "Roboto Condensed", "Calibri", "Segoe UI", sans-serif;

    /* DM Screen Color Theme Palette */
    --color-emerald: #3B7052; /* Emerald Green */
    --color-sapphire: #375E79; /* Sapphire Blue */
    --color-ruby: #7C3A3D; /* Ruby Red */
    --color-amethyst: #6D5379; /* Amethyst Purple */
    --color-topaz: #A67B3D; /* Topaz Amber */
    --color-garnet: #643A40; /* Garnet */
    --color-slate: #5D6E7E; /* Slate Gray */
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: 'Calibri', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    line-height: 1.4;
    background-color: var(--mm-bg-alt);
    color: #333;
    padding: 0;
    /* Allow scrolling if needed */
    overflow-y: auto;
    /* Add background texture */
    background-image: var(--mm-texture-url);
    background-repeat: repeat;
    background-size: auto;
    background-blend-mode: overlay;
}

/* Generic list styles */
li {
    margin-left: 1.25rem;
    margin-bottom: 0.4rem;
    position: relative;
}

/* Generic fallback styles for icons and elements */
.fallback-icon {
    display: inline-block;
    width: 18px;
    height: 18px;
    background-color: #ccc;
    border-radius: 50%;
    text-align: center;
    line-height: 18px;
    font-size: 10px;
    color: white;
    margin-right: 8px;
    font-weight: bold;
}