/* Custom styles for deven.codes */

/* Increase base font size for better readability */
:root {
    font-size: 17px;
}

/* Noto Emoji font */
@font-face {
    font-family: "Noto Emoji Regular";
    src: url("fonts/NotoEmoji-Regular.woff2") format("truetype");
    font-display: block;
    font-weight: bold;
    font-style: normal;
}

.emoji {
    font-family:
        "Noto Emoji Regular", "Apple Color Emoji", "Segoe UI Emoji",
        "Segoe UI Symbol", "Noto Color Emoji" !important;
    font-weight: normal !important;
    font-style: normal !important;
    /* Override Duckquill theme's emoji styles */
    display: inline !important;
    vertical-align: baseline !important;
    width: auto !important;
    height: auto !important;
    cursor: inherit !important;
    transition: none !important;
    /* Better font rendering */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

.emoji:hover {
    transform: none !important;
}

/* Override background colors if needed */
/* Uncomment and modify these to use a specific background color instead of the theme default */

/*
:root {
	--bg-color: #ffffff !important;
}

[data-theme="dark"] {
	--bg-color: #1a1a1a !important;
}
*/

/* Example: Pure white background in light mode, dark gray in dark mode */
/*
:root {
	--bg-color: #ffffff !important;
}

[data-theme="dark"] {
	--bg-color: #2d2d2d !important;
}
*/

/* Example: Warm beige background */

:root {
    --bg-color: #f5e6e0 !important;
}

[data-theme="dark"] {
    --bg-color: #0f0805 !important;
}