/* assets/css/main.css */
/* Font Awesome CDN */
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css');

:root {
    --background: #ffffffef;
    --card: #f5f5f5;
    --text: #0c0c0c;
    --subText: #777272;
    --accent: #b60f0f;
    --border: #e60d0d;
    --font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}


[data-theme="dark"] {
    --background: #000000;
    --card: #1b1a1a;
    --text: #ffffff;
    --subText: #b8b0b0;
    --accent: #bb0e0e;
    --border: #770a0a;
}

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

body {
    font-family: var(--font-family);
    background-color: var(--background);
    color: var(--text);
    min-height: 100vh;
}

/* Scrollbar */
::-webkit-scrollbar {
    width: 6px;
}
::-webkit-scrollbar-track {
    background: var(--background);
}
::-webkit-scrollbar-thumb {
    background: var(--accent);
    border-radius: 3px;
}

/* Icon sizes */
.fa-icon {
    font-size: 20px;
}
.fa-icon-lg {
    font-size: 32px;
}
.fa-icon-xl {
    font-size: 40px;
}