/* Share24 - Share plain text contents for 24 hours */
/* Copyright (C) 2025  Alessio Vanni */

/* This program is free software: you can redistribute it and/or modify */
/* it under the terms of the GNU Affero General Public License as published by */
/* the Free Software Foundation, either version 3 of the License, or */
/* (at your option) any later version. */

/* This program is distributed in the hope that it will be useful, */
/* but WITHOUT ANY WARRANTY; without even the implied warranty of */
/* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the */
/* GNU Affero General Public License for more details. */

/* You should have received a copy of the GNU Affero General Public License */
/* along with this program.  If not, see <https://www.gnu.org/licenses/>. */

:root {
    --font-sans: ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
    --font-serif: ui-serif, Georgia, Cambria, 'Times New Roman', Times, serif;
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;

    --color: rgb(0, 0, 0);
    --button-color: rgb(0, 0, 0);
    --error-color: rgb(255, 255, 255);
    --anchor-color: rgb(80, 80, 255);

    --background-color: rgb(240, 245, 247);
    --textarea-background-color: rgb(255, 255, 255);
    --button-background-color: rgb(255, 255, 255);
    --button-background-color-hover: rgb(230, 230, 230);
    --inactive-background-color: rgb(220, 220, 220);
    --tab-background-color-hover: rgb(240, 240, 240);
    --error-background-color: rgb(235, 0, 0);
}

@media (prefers-color-scheme: dark) {
    :root {
        --color: rgb(213, 213, 213);
        --button-color: rgb(213, 213, 213);
        --error-color: rgb(213, 213, 213);
        --anchor-color: rgb(147, 147, 255);

        --background-color: rgb(51, 51, 51);
        --textarea-background-color: rgb(59, 64, 66);
        --button-background-color: rgb(59, 64, 66);
        --button-background-color-hover: rgb(100, 100, 100);
        --inactive-background-color: rgb(31, 31, 31);
        --tab-background-color-hover: rgb(100, 100, 100);
        --error-background-color: rgb(190, 0, 0);
    }
}

*, *::before, *::after {
    box-sizing: border-box;
}

* {
    margin: 0;
}

body {
    line-height: 1.5;
    font-family: var(--font-sans);
    color: var(--color);
    background-color: var(--background-color);
}

img, picture, video, canvas, svg {
    display: block;
    max-width: 100%;
}

input, button, textarea, select {
    font: inherit;
}

p, h1, h2, h3, h4, h5, h6 {
  overflow-wrap: break-word;
}

.hidden {
    display: none;
    visibility: hidden;
}

.monospace {
    font-family: var(--font-mono);
}