/**
 * @name Discord+ (CosyByte Version, personal/private) with RTL Adjustments
 * @source https://github.com/PlusInsta/discord-plus
 * @updateUrl https://plusinsta.github.io/discord-plus/DiscordPlus.theme.css
 */
@import url(https://plusinsta.github.io/discord-plus/src/DiscordPlus-source.theme.css);

/* Set overall layout direction to RTL */
html {
    direction: rtl;
}

/* Example: Use CSS logical properties for margins and paddings to auto-adjust for RTL/LTR */
.some-element {
    padding-inline-start: var(--dplus-spacing-ui);
    padding-inline-end: var(--dplus-spacing-app);
}

/* Example: Adjust sidebar positioning for RTL layouts */
.sidebar {
    left: auto;  /* remove any LTR anchoring */
    right: 0;
}

/* Example: Reverse flex container items if needed */
.flex-container {
    display: flex;
    flex-direction: row-reverse;
}

/* Example: Flip directional icons (e.g., arrows) if they imply left/right */
.directional-icon {
    transform: scaleX(-1);
}

.theme-dark {
    /* Backdrop image */
    --dplus-backdrop: url(https://i.imgur.com/3AiL3yN.png);

    /* Accent color, used to decorate the UI with colors */
    --dplus-accent-color-hue: 320;
    --dplus-accent-color-saturation: 60%;
    --dplus-accent-color-lightness: 31%;

    /* Foreground color: For texts and icons */
    --dplus-foreground-color-hue-base: 210;
    --dplus-foreground-color-hue-links: 197;
    --dplus-foreground-color-saturation-amount: 1;
    --dplus-foreground-color-lightness-amount: 1;

    /* Background color: Covers the backdrop to improve readability */
    --dplus-background-color-hue: 320;
    --dplus-background-color-saturation-amount: 1;
    --dplus-background-color-lightness-amount: 1;
    --dplus-background-color-alpha: 0.8;
}

/* Light theme settings */
.theme-light {
    --dplus-backdrop: url(https://i.imgur.com/3AiL3yN.png);

    --dplus-accent-color-hue: 320;
    --dplus-accent-color-saturation: 60%;
    --dplus-accent-color-lightness: 31%;

    --dplus-foreground-color-hue-base: 210;
    --dplus-foreground-color-hue-links: 197;
    --dplus-foreground-color-saturation-amount: 1;
    --dplus-foreground-color-lightness-amount: 1;

    --dplus-background-color-hue: 320;
    --dplus-background-color-saturation-amount: 1;
    --dplus-background-color-lightness-amount: 1;
    --dplus-background-color-alpha: 0.8;
}

:root {
    /* Fonts */
    --dplus-font-ui: 'Poppins';
    --dplus-font-body: 'Inter';
    --dplus-font-header: 'Righteous';

    /* Rounded corners (UI elements, avatars, servers) */
    --dplus-radius-ui: 10px;
    --dplus-radius-avatar: 20%;
    --dplus-radius-server: 20%;

    /* Spacing between UI elements */
    --dplus-spacing-ui: 10px;

    /* Spacing for the overall app layout */
    --dplus-spacing-app: 10px;

    /* Icon sizes for various elements */
    --dplus-icon-avatar-chat: 64px;
    --dplus-icon-avatar-list: 32px;
    --dplus-icon-avatar-profile: 80px;

    --dplus-icon-server-sidebar: 48px;
    --dplus-icon-server-list: 32px;

    /* Home icon URLs for dark and light themes */
    --dplus-icon-home-dark: url(https://plusinsta.github.io/discord-plus/assets/discord/home_dark.svg);
    --dplus-icon-home-light: url(https://plusinsta.github.io/discord-plus/assets/discord/home_light.svg);
}

[class*="content"] {
  direction: rtl;
}