/* app/static/css/styles.css */

body {
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 0;
    background-color: #f4f4f4;
}

header, footer {
    background-color: #333;
    color: #fff;
    text-align: center;
    padding: 1em 0;
}

main {
    padding: 2em;
}

textarea {
    width: 100%;
    padding: 1em;
}

button {
    padding: 0.5em 1em;
    background-color: #333;
    color: #fff;
    border: none;
    cursor: pointer;
}

button:hover {
    background-color: #555;
}

:root {
    --theme-light-primary: #C41C3B;
    --theme-light-second: #30302e;
    --theme-light-tool: #62625B;
    --theme-light-accent: #e93120;

    --theme-light-primary-hover: #9B1530;
    --theme-light-second-hover: #3d1a1f;
    --theme-light-tool-hover: #8B8671;
    --theme-light-accent-hover: #7a1910;
    --theme-light-text: #343637;
    --theme-light-textbg: #D1CFC6;
    --theme-light-bg: #ece9e6;

    --theme-light-reportBg: #dbc4c4;
    --theme-light-primary-darker: #8f1229;

    --theme-dark-primary: #123456;
    --theme-dark-second: #123456;
    --theme-dark-accent: #123456;
    --theme-dark-text: #123456;
    --theme-dark-textbg: #123456;
    --theme-dark-bg: #123456;
}