:root {
    --bg-clr: #f5f5f5;
    --accent-clr: #e18df0;
    --accent-text-clr: #bc61cc;
    --text-clr: #555555;

    --pattern-grid-c1: #e4ccde;
    --pattern-grid-c2: #f0d9eb;

    --bg-warning-clr: #ffeed0;
    --text-warning-clr: #4f2f00;
    --bg-error-clr: #ffd0d0;
    --text-error-clr: #4f0000;

    --transition-speed: 0.4s;

    --img-avatar: url('/assets/images/avatar.avif');

    --index-font: "Xiaolai-Regular";
    --signature-font: "BrittanySignature";
}

body.dark-mode {
    --bg-clr: #0a0a0a;
    --accent-clr: #e18df0;
    --text-clr: #f0f0f0;

    --pattern-grid-c1: #332d32;
    --pattern-grid-c2: #211d21;

    --bg-warning-clr: #6c4600;
    --text-warning-clr: #ffdfb0;
    --bg-error-clr: #6c0000;
    --text-error-clr: #ffb0b0;
}

@font-face {
    font-family: 'Xiaolai-Regular';
    src: url('/assets/fonts/Xiaolai-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'BrittanySignature';
    src: url('/assets/fonts/BrittanySignature.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}
/* {
    outline: 1px solid red;
}