:root {

    /* Background */
--bg: radial-gradient(circle at 25% 13%, rgb(0 0 0), rgba(0, 120, 255, 0) 27%),
radial-gradient(circle at 76% 4%, #4b2323, rgba(0, 150, 255, 0) 30%),
radial-gradient(circle at 50% 100%, #430f0f, rgb(255 0 0 / 8%) 29%),
radial-gradient(circle at 100% 97%, rgba(0, 0, 0, 0.72), rgba(0, 110, 255, 0) 19%),
radial-gradient(circle at 0% 97%, rgb(77 14 14 / 72%), rgba(0, 110, 255, 0) 19%),
url(/images/lynqbg.jpg);
    /* Background Colors */
    --topbar: linear-gradient(180deg, rgba(0, 0, 0, 0.66), rgba(0, 0, 0, 0.6));
    --topbarbuttons: #2e2e2e;
    --header-hero: linear-gradient(
            180deg,
            rgba(95, 20, 20, 0.45) 0%,
            rgba(95, 20, 20, 0.25) 40%,
            rgba(20, 45, 95, 0.10) 100%
    );
    --container-ly: rgba(0, 0, 0, 0.66);
    --caro-gradient: linear-gradient(180deg, rgba(255,255,255,0) 80%, rgba(139, 31, 35, 0.68));
    --topbar-dashboard: #250707;
    --side-buttons: #000;
    --side-buttons-icons: #fff;
    --header-gradient: linear-gradient(rgba(0, 0, 0, 0), rgba(255, 255, 255, 0));
    --menu-button: rgb(0, 0, 0);
    --article-box:  radial-gradient(circle at 0% 50%, rgb(0 0 0), rgba(0, 120, 255, 0) 100%), radial-gradient(circle at 50% 80%, rgb(53 8 8), rgba(0, 120, 255, 0) 100%), radial-gradient(circle at 100% 50%, rgb(0 0 0), rgba(0, 120, 255, 0) 81%), rgba(181, 10, 10, 0.81);
    --article-box-hover: #000000;
    --line-primary: #0e1623;
    --carousel-layer: rgba(0, 0, 0.81);
    --article-tags: #000;
    --animes-overly: rgba(0, 0, 0, 0.16);
    --megamenu-layer: linear-gradient(178deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.71) 100%);
    --megamenu-line: rgba(255, 255, 255, 0.21);
    --base-input: rgba(175, 125, 125, 0.73);
    --top-buttens: brightness(0) saturate(100%) invert(97%) sepia(88%) saturate(1504%) hue-rotate(175deg) brightness(102%) contrast(101%);
    --top-input-buttons: #c16262;
    --update-header: rgba(115, 22, 22, 0.2);
    --update-body: rgba(0, 0, 0, 0.46);
    --top-layers: rgba(0, 0, 0, 0.9);
    --status-box: rgba(0, 0, 0, 0.6);
    --textarea-primary: rgb(37, 7, 7);
    --feed-item: rgba(0, 0, 0, 0.76);
    --comment-box: rgba(0, 0, 0, 0.84);
    --nested-comment: rgba(0, 0, 0, 0.72);
    --primary-button: #511d1d;
    --anime-page-gradient: linear-gradient(180deg, rgba(0, 0, 0, 0) 61%, rgba(0, 0, 0, 0.34) 88%, #000000 98%);
    --main-bg: #000000;
    --main-title: rgba(0, 0, 0, 0.87);
    --cta-text-layer: rgb(26, 43, 69);
    --bday-ly: linear-gradient(135deg, #000000, #000000);
    --bday-ly-over: radial-gradient(circle at top, rgba(188, 217, 255, 0.4), rgba(0,0,0,0.7));
    --anime-manga-buttons: rgba(83, 12, 12, 0.75);
    --anime-manga-inner-info: rgba(48, 9, 9, 0.76);
    --anime-manga-inner-info-title: rgba(0, 0, 0, 0.42);
    --anime-manga-inner-info-value: rgb(0, 0, 0);
    --anime-shelf-input: #572a2a;
    --anime-manga-gradient-score: linear-gradient(180deg, rgba(57, 11, 11, 0.76) 30%, rgba(255, 255, 255, 0) 99%);
    --rating-bar: #777777;
    --profile-nav: rgba(0, 0, 0, 0.8);
    --profile-area: rgba(0, 0, 0, 0.66);
    --profile-nav-hover: rgba(0, 0, 0, 0.78);
    --line-about: rgba(43, 65, 85, 0.71);
    --animes-filters-bg: rgba(0, 0, 0, 0.47);
    --animusic-row: #000000;
    --animusic-player: rgba(0, 0, 0, 0.81);
    --anime-cover-bg: #b4cbef;
    --animusic-header-footer: rgba(0, 0, 0, 0.38);
    --animusic-button: rgba(0, 0, 0, 0.85);
    --animusic-player-button: #000000;
    --xp-box: rgba(0, 0, 0, 0.73);
    --community-title: rgba(0, 0, 0, 0.54);
    --community-box: rgba(0, 0, 0, 0.64);
    --community-box-even: rgba(0, 0, 0, 0.64);
    --chat-bubble-name: #274365;
    --cale-day: radial-gradient(circle at top right,
    rgba(0, 0, 0, 0.28),
    rgba(0, 0, 0, 0.82));
    --top-cale: linear-gradient(to bottom, rgb(182, 88, 88), rgba(108, 26, 26, 0.9));
    --cale-event-window: radial-gradient(circle at top,
    rgb(47, 70, 115),
    rgba(0, 0, 0, 0.98));
    --calendar-button: radial-gradient(circle at top, rgba(165, 204, 255, 0.25), rgba(18, 28, 40, 0.95));
    --calendar-lay: rgba(10, 8, 30, 0.9);
    --home-anime-tab: rgba(0, 0, 0, 0.55);
    --home-anime-tab-hover: rgba(64, 13, 13, 0.65);
    --fresh-area: rgba(10, 46, 74, 0.16);
    --fresh-card: radial-gradient(circle at 31% 50%, rgb(0 0 0), rgba(0, 120, 255, 0) 94%),    radial-gradient(circle at 58% 91%, rgb(53 8 8), rgba(0, 120, 255, 0) 100%),    radial-gradient(circle at 25% 77%, rgb(53 8 8), rgba(0, 120, 255, 0) 38%),    radial-gradient(circle at 100% 59%, rgb(0 0 0), rgba(0, 120, 255, 0) 84%), rgba(181, 10, 10, 0.81);


    --fresh-viewall: rgba(0, 0, 0, 0.65);

    /* Text Colors */

    --normal: #fff;
    --primary: #ffffff;
    --secondery: #a14747;
    --light: #f1b8b8;
    --muted: rgba(218, 162, 162, 0.74);
    --placeholder: rgb(181, 113, 113);

    /* Border Colors */
    --beg-border: rgb(0, 0, 0);
    --topbar-dashboard-border: rgba(53, 53, 53, 0.34);
    --common-white-border: #000000;
    --article-box-border: rgba(0, 0, 0, 0.73);
    --anime-box-border: 1px solid rgba(0, 0, 0, 0.6);
    --anime-shelf-input-border: #1f314a;
    --profile-picture-border: #000000;
    --animusic-line-border: rgb(37, 37, 37);
    --cale-today-border: #fff;
    --cale-button-border: rgba(165, 207, 255, 0.8);

    /* BoxShadow Colors */
    --topbar-shadow: 0 10px 26px rgba(255, 255, 255, 0.12);
    --topbarbuttons-shadow: 0 1px 6px rgba(39, 39, 39, 0.54);
    --shadow_caru: 0 10px 26px rgba(0, 0, 0, 0.8);
    --article-box-shadow: 0 8px 32px rgba(0, 0, 0, 0.74), 0 0 20px rgba(0, 0, 0, 0.85) inset;
    --article-box-shadow-before: linear-gradient(
            to right,
            rgba(0, 0, 0, 0) 0%,
            rgba(0, 0, 0, 0.45) 40%,
            rgba(0, 0, 0, 0.45) 60%,
            rgba(0, 0, 0, 0) 100%
    );
    --menu-layer-hover: 0 4px 12px rgba(126, 34, 34, 0.42);
    --anime-box-shadow: 0 8px 20px rgb(0, 0, 0);
    --box-text-shadow: 1px 1px black;
    --feed-item-shadow: 0 8px 32px rgba(0, 0, 0, 0.48), 0 0 20px rgba(0, 0, 0, 0.25) inset;
    --comment-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    --animusic-panel-shadow: 0 12px 35px rgba(0, 0, 0, 0.6);
    --calendar: 0 18px 45px rgba(0, 0, 0, 0.55);
    --cale-today:  0 0 18px rgba(255, 255, 255, 0.76);
    --cale-button: rgba(97, 97, 97, 0.9);


}


/* =========================================================
SAKURA THEME
  ========================================================== */

.theme-classic {

    /* Background */
    --bg: radial-gradient(circle at 25% 13%, rgba(229, 40, 40, 0.37),
    rgba(0, 120, 255, 0) 27%),
    radial-gradient(circle at 76% 4%, rgba(229, 40, 40, 0.37),
            rgba(0, 150, 255, 0) 30%),
    radial-gradient(circle at 50% 100%,
            rgba(229, 40, 40, 0.37),
            rgba(0, 110, 255, 0) 29%),
    radial-gradient(circle at 100% 97%, rgba(229, 40, 40, 0.37),
            rgba(0, 110, 255, 0) 19%),
    radial-gradient(circle at 0% 97%, rgba(229, 40, 40, 0.37),
            rgba(0, 110, 255, 0) 19%), url("/images/ambgf-s.jpg");

    /* Background Colors */

    --header-hero: linear-gradient(180deg, rgb(220 67 74 / 45%) 0%, rgb(255 0 0 / 44%) 40%, rgb(255 36 36 / 42%) 100%);
    --caro-gradient: linear-gradient(180deg, rgba(255,255,255,0) 80%, rgba(139, 31, 35, 0.68));
    --sub-active: #ca3636;
    --top-input-buttons: #dab3b3;
    --bday-ly: linear-gradient(135deg, #ff8bb5, #ffb2d4);
    --bday-ly-over: radial-gradient(circle at top, rgba(255, 188, 210, 0.4), rgba(0,0,0,0.7));
    --cale-day: radial-gradient(circle at top right,
    rgba(255, 255, 255, 0.28),
    rgba(255, 255, 255, 0.82));
    --top-cale: linear-gradient(to bottom, rgba(170, 88, 88, 0.9), rgba(149, 56, 56, 0.9));
    border: 1px solid rgba(230, 105, 105, 0.55);
    --cale-event-window: radial-gradient(circle at top,
    rgba(255, 255, 255, 0.22),
    rgba(255, 255, 255, 0.98));
    --cal-other: radial-gradient(circle at top right,
    rgba(186, 94, 94, 0.15),
    rgba(207, 144, 144, 0.76));
    --today-label: rgb(170, 72, 72);
    --event-user: rgba(218, 139, 139, 0.44);


    --primary: #bc3b3b;

    --cale-today-border: #c31414;


    /* BoxShadow Colors */

    box-shadow: 0 10px 26px rgba(0, 0, 0, 0.12);
    --calendar: 0 18px 45px rgba(184, 79, 79, 0.55);
    --cale-today:  0 0 18px rgba(126, 25, 25, 0.76);

}

/* =========================================================
DARK THEME
  ========================================================== */
.theme-dark {

    /* Background */
    --bg: radial-gradient(circle at 25% 13%, rgba(0, 0, 0, 0.72),
    rgba(0, 120, 255, 0) 27%),
    radial-gradient(circle at 76% 4%, rgba(0, 0, 0, 0.72),
            rgba(0, 150, 255, 0) 30%),
    radial-gradient(circle at 50% 100%,
            rgba(0, 0, 0, 0.72),
            rgba(0, 110, 255, 0) 29%),
    radial-gradient(circle at 100% 97%, rgba(0, 0, 0, 0.72),
            rgba(0, 110, 255, 0) 19%),
    radial-gradient(circle at 0% 97%, rgba(0, 0, 0, 0.72),
            rgba(0, 110, 255, 0) 19%), url("/images/ambgf-d.jpg");

    /* Background Colors */
    --topbar: linear-gradient(180deg, rgba(0, 0, 0, 0.66), rgba(0, 0, 0, 0.6));
    --topbarbuttons: #2e2e2e;
    --header-hero: linear-gradient(
            180deg,
            rgba(20, 45, 95, 0.45) 0%,
            rgba(20, 45, 95, 0.25) 40%,
            rgba(20, 45, 95, 0.10) 100%
    );
    --container-ly: rgba(0, 0, 0, 0.28);
    --topbar-dashboard: #071525;
    --side-buttons: #000;
    --side-buttons-icons: #fff;
    --header-gradient: linear-gradient(rgba(0, 0, 0, 0), rgba(255, 255, 255, 0));
    --menu-button: rgb(0, 0, 0);
    --article-box: rgba(0, 0, 0, 0.47);
    --article-box-hover: #000000;
    --line-primary: #0e1623;
    --carousel-layer: rgba(0, 0, 0.81);
    --article-tags: #000;
    --animes-overly: rgba(0, 0, 0, 0.16);
    --megamenu-layer: linear-gradient(178deg, rgba(0, 0, 0, 0.81) 0%, rgba(0, 0, 0, 0.77) 100%);
    --megamenu-line: rgba(255, 255, 255, 0.21);
    --base-input: rgba(125, 144, 175, 0.73);
    --top-buttens: brightness(0) saturate(100%) invert(97%) sepia(88%) saturate(1504%) hue-rotate(175deg) brightness(102%) contrast(101%);
    --top-input-buttons: #628bc1;
    --update-header: rgba(22, 60, 115, 0.2);
    --update-body: rgba(0, 0, 0, 0.46);
    --top-layers: rgba(0, 0, 0, 0.9);
    --status-box: rgba(0, 0, 0, 0.6);
    --textarea-primary: rgb(7, 19, 37);
    --feed-item: rgba(0, 0, 0, 0.76);
    --comment-box: rgba(0, 0, 0, 0.84);
    --nested-comment: rgba(0, 0, 0, 0.72);
    --primary-button: #1d3851;
    --anime-page-gradient: linear-gradient(180deg, rgba(0, 0, 0, 0) 61%, rgba(0, 0, 0, 0.34) 88%, #000000 98%);
    --main-bg: #000000;
    --main-title: rgba(0, 0, 0, 0.87);
    --cta-text-layer: rgb(26, 43, 69);
    --bday-ly: linear-gradient(135deg, #000000, #000000);
    --bday-ly-over: radial-gradient(circle at top, rgba(188, 217, 255, 0.4), rgba(0,0,0,0.7));
    --anime-manga-buttons: rgba(12, 46, 83, 0.75);
    --anime-manga-inner-info: rgba(9, 22, 48, 0.76);
    --anime-manga-inner-info-title: rgba(0, 0, 0, 0.42);
    --anime-manga-inner-info-value: rgb(0, 0, 0);
    --anime-shelf-input: #2a3c57;
    --anime-manga-gradient-score: linear-gradient(180deg, rgba(11, 36, 57, 0.76) 30%, rgba(255, 255, 255, 0) 99%);
    --rating-bar: #777777;
    --profile-nav: rgba(0, 0, 0, 0.8);
    --profile-area: rgba(0, 0, 0, 0.66);
    --profile-nav-hover: rgba(0, 0, 0, 0.78);
    --line-about: rgba(43, 65, 85, 0.71);
    --animes-filters-bg: rgba(0, 0, 0, 0.47);
    --animusic-row: #000000;
    --animusic-player: rgba(0, 0, 0, 0.81);
    --anime-cover-bg: #b4cbef;
    --animusic-header-footer: rgba(0, 0, 0, 0.38);
    --animusic-button: rgba(0, 0, 0, 0.85);
    --animusic-player-button: #000000;
    --xp-box: rgba(0, 0, 0, 0.73);
    --community-title: rgba(0, 0, 0, 0.54);
    --community-box: rgba(0, 0, 0, 0.64);
    --community-box-even: rgba(0, 0, 0, 0.64);
    --chat-bubble-name: #274365;
    --cale-day: radial-gradient(circle at top right,
    rgba(0, 0, 0, 0.28),
    rgba(0, 0, 0, 0.82));
    --top-cale: linear-gradient(to bottom, rgb(88, 126, 182), rgba(26, 59, 108, 0.9));
    --cale-event-window: radial-gradient(circle at top,
    rgb(47, 70, 115),
    rgba(0, 0, 0, 0.98));
    --calendar-button: radial-gradient(circle at top, rgba(165, 204, 255, 0.25), rgba(18, 28, 40, 0.95));
    --calendar-lay: rgba(10, 8, 30, 0.9);
    --home-anime-tab: rgba(0, 0, 0, 0.65);
    --home-anime-tab-hover: rgba(0, 0, 0, 0.95);
    --fresh-area: rgba(10, 46, 74, 0.16);
    --fresh-card: rgba(0, 0, 0, 0.72);
    --fresh-viewall: rgba(0, 0, 0, 0.65);
    
    /* Text Colors */

    --normal: #fff;
    --primary: #b4cbef;
    --secondery: #476aa1;
    --light: #b8d3f1;
    --muted: rgba(162, 183, 218, 0.74);
    --placeholder: rgb(113, 138, 181);

    /* Border Colors */
    --beg-border: rgb(0, 0, 0);
    --topbar-dashboard-border: rgba(53, 53, 53, 0.34);
    --common-white-border: #000000;
    --article-box-border: rgba(0, 0, 0, 0.73);
    --anime-box-border: 1px solid rgba(0, 0, 0, 0.6);
    --anime-shelf-input-border: #1f314a;
    --profile-picture-border: #000000;
    --animusic-line-border: rgb(37, 37, 37);
    --cale-today-border: #fff;
    --cale-button-border: rgba(165, 207, 255, 0.8);

    /* BoxShadow Colors */
    --topbar-shadow: 0 10px 26px rgba(255, 255, 255, 0.12);
    --topbarbuttons-shadow: 0 1px 6px rgba(39, 39, 39, 0.54);
    --shadow_caru: 0 10px 26px rgba(0, 0, 0, 0.8);
    --article-box-shadow: 0 8px 32px rgba(0, 0, 0, 0.74), 0 0 20px rgba(0, 0, 0, 0.85) inset;
    --article-box-shadow-before: linear-gradient(
            to right,
            rgba(0, 0, 0, 0) 0%,
            rgba(0, 0, 0, 0.45) 40%,
            rgba(0, 0, 0, 0.45) 60%,
            rgba(0, 0, 0, 0) 100%
    );
    --menu-layer-hover: 0 4px 12px rgba(255, 255, 255, 0.17);
    --anime-box-shadow: 0 8px 20px rgb(0, 0, 0);
    --box-text-shadow: 1px 1px black;
    --feed-item-shadow: 0 8px 32px rgba(0, 0, 0, 0.48), 0 0 20px rgba(0, 0, 0, 0.25) inset;
    --comment-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    --animusic-panel-shadow: 0 12px 35px rgba(0, 0, 0, 0.6);
    --calendar: 0 18px 45px rgba(0, 0, 0, 0.55);
    --cale-today:  0 0 18px rgba(255, 255, 255, 0.76);
    --cale-button: rgba(97, 97, 97, 0.9);

}