/**
* @name Rosé Pine
* @author F04c
* @version 1.0.0
* @source https://github.com/F04C/betterdiscordcss
*/

@import url('https://fonts.googleapis.com/css2?family=Fira+Code:wght@300..700&display=swap');
:root {
--Chat-Font-Used: 'Fira Code', monospace ;
--Chat-Font-Size: 14px;

    --font-primary: var(--Chat-Font-Used);
    --font-display: var(--Chat-Font-Used);
    --font-code: var(--Chat-Font-Used);
}

.theme-dark {
    --input-background: #1C1A27;
    --bg-overlay-chat: #130E1A;
    --home-background: #130E1A;
    --modal-footer-background: #26233a;
    --primary-600: #1C1A27;
    --bg-mod-faint: #6e6af622;
    --card-secondary-bg: #00000060;
    --background-message-highlight: #6e6af633;
    --background-message-highlight-hover: #6e6af622;
    --background-mentioned: #6e6af633;
    --background-mentioned-hover: #6e6af622;
    --info-warning-foreground: #6e6af6;
    --background-primary: #241E2F;
    --background-secondary: #1C1A27;
    --background-secondary-alt: #130E1A;
    --channeltextarea-background: #1C1A27;
    --background-tertiary: #453E55;
    --background-accent: #0000003a;
    --text-normal: #D0BCFF;
    --text-spotify: #9ccfd8;
    --text-muted: #4f4c58;
    --text-link: #31748f;
    --background-floating: #130E1A;
    --header-primary: #D0BCFF;
    --header-secondary: #D0BCFF;
    --interactive-normal: #D0BCFF;
    --interactive-hover: #F2B8B5;
    --interactive-active: #EFB8C8;
    --ping: #eb6f92;
    --background-modifier-selected: #130E1A;
    --scrollbar-thin-thumb: #191724;
    --scrollbar-thin-track: transparent;
    --scrollbar-auto-thumb: #D0BCFF;
    --scrollbar-auto-track: transparent;
}

.theme-light {
    --background-primary: #faf4ed;
    --background-secondary: #fffaf3;
    --background-secondary-alt: #f2e9de;
    --channeltextarea-background: #f2e9de;
    --background-tertiary: #f2e9de;
    --background-accent: #d7827e;
    --text-normal: #575279;
    --text-spotify: #575279;
    --text-muted: #6e6a86;
    --text-link: #286983;
    --background-floating: #f2e9de;
    --header-primary: #575279;
    --header-secondary: #575279;
    --header-spotify: #56949f;
    --interactive-normal: #575279;
    --interactive-hover: #6e6a86;
    --interactive-active: #575279;
}

.mainCard__0ec2c {
    background-color: var(--background-secondary) !important;
}

.body-2wLx-E,
.headerTop-3GPUSF,
.bodyInnerWrapper-2bQs1k,
.footer-3naVBw,
.panels-3wFtMD {
    background-color: var(--background-tertiary) !important;
}

.peopleColumn-1wMU14,
.panels-j1Uci_,
.peopleColumn-29fq28,
.peopleList-2VBrVI,
.content-2hZxGK,
.header-1zd7se,
.root-g14mjS .small-23Atuv .fullscreenOnMobile-ixj0e3 {
    background-color: var(--background-secondary) !important;
}

.textArea-12jD-V,
.lookBlank-3eh9lL,
.threadSidebar-1o3BTy,
.scrollableContainer-2NUZem,
.perksModalContentWrapper-3RHugb,
.theme-dark .footer-31IekZ,
.theme-light .footer-31IekZ {
    background-color: var(--background-tertiary) !important;
}

.numberBadge-2s8kKX,
.base-PmTxvP,
.baseShapeRound-1Mm1YW,
.bar-30k2ka,
.unreadMentionsBar-1Bu1dC,
.mention-1f5kbO,
.active-1SSsBb,
.disableButton-220a9y {
    background-color: var(--ping) !important;
}

.lookOutlined-3sRXeN.colorRed-1TFJan {
    color: var(--ping) !important;
}

.header-3OsQeK,
.container-ZMc96U {
    box-shadow: none !important;
    border: none !important;
}

.content-1gYQeQ,
.layout-1qmrhw,
.inputDefault-3FGxgL,
.input-2g-os5,
.input-2z42oC,
.role-2TIOKu,
.searchBar-jGtisZ {
    border-radius: 6px !important;
}

.layout-1qmrhw:hover,
.content-1gYQeQ:hover {
    background-color: var(--background-modifier-selected) !important;
}