/* Nord Theme*/
:root {
    --dark0: #2e3440;
    --dark1: #3b4252;
    --dark2: #434c5e;
    --dark3: #4c566a;

    --light0: #d8dee9;
    --light1: #e5e9f0;
    --light2: #eceff4;
    --light3: #ffffff;

    --frost0: #8fbcbb;
    --frost1: #88c0d0;
    --frost2: #81a1c1;
    --frost3: #5e81ac;
    --frost4: #38948b;

    --primary: #38948b;
    --secondary: #3b4252;
    --red: #bf616a;
    --orange: #d08770;
    --yellow: #ebcb8b;
    --yellow-light: rgba(235, 203, 139, 0.7);
    --green: #a3be8c;
    --purple: #b48ead;
}

/* semantic (currently not really used) */
:root {
    color-scheme: dark;

    --background-primary:         var(--dark0);
    --background-primary-alt:     var(--dark1);
    --background-secondary:       var(--dark2);
    --background-secondary-alt:   var(--dark3);
    --text-normal:                var(--light2);
    --text-faint:                 var(--light0);
    --text-muted:                 var(--light1);
    --text-title-h1:              var(--red);
    --text-title-h2:              var(--orange);
    --text-title-h3:              var(--yellow);
    --text-title-h4:              var(--green);
    --text-title-h5:              var(--purple);
    --text-title-h6:              var(--orange);
    --text-link:                  var(--frost0);
    --text-a:                     var(--frost3);
    --text-a-hover:               var(--frost2);
    --text-mark:                  rgba(136, 192, 208, 0.3); /* frost1 */
    --pre-code:                   var(--dark1);
    --text-highlight-bg:          rgba(163, 190, 140, 0.3); /* green */
    --text-highlight-bg-active:   var(--green);
    --interactive-accent:         var(--orange);
    --interactive-before:         var(--red);
    --background-modifier-border: var(--dark2);
    --text-accent:                var(--orange);
    --interactive-accent-rgb:     var(--orange);
    --inline-code:                var(--frost1);
    --code-block:                 var(--frost1);
    --vim-cursor:                 var(--orange);
    --text-selection:             var(--dark3);
    --text-tag:                   var(--frost0);
    --task-checkbox:              var(--frost0);
}

/* Other Colors */
.alt1 {
    --a-dark0: #2a2d3c;
    --a-dark1: #2f3241;
    --a-primary1: #4e8492;
    --a-primary2: #38948b;
    --a-accent: #d96644;
}

.alt2 {
    --b-dark0: #0b3b4b;
    --b-light0: #e6e5ea;
    --b-primary1: #50b972;
    --b-primary1-alt: #398779;
    --b-primary1-alt2: #326160;
    --b-primary2: #3d94d0;
    --b-primary2-alt: #296186;
    --b-accent: #b87bb5;
    --b-accent-alt: #72747e;
}

.catppuccin {
    --hex-pink: #f5c2e7;
    --hex-mauve: #cba6f7;
    --hex-red: #f38ba8;
    --hex-peach: #fab387;
    --hex-yellow: #f9e2af;
    --hex-green: #a6e3a1;
    --hex-teal: #94e2d5;
    --hex-sky: #89dceb;
    --hex-sapphire: #74c7ec;
    --hex-blue: #89b4fa;
    --hex-lavender: #b4befe;

    --ctp-rosewater: rgb(245, 224, 220);
    --ctp-flamingo: rgb(242, 205, 205);
    --ctp-pink: rgb(245, 194, 231);
    --ctp-mauve: rgb(203, 166, 247);
    --ctp-red: rgb(243, 139, 168);
    --ctp-maroon: rgb(235, 160, 172);
    --ctp-peach: rgb(250, 179, 135);
    --ctp-yellow: rgb(249, 226, 175);
    --ctp-green: rgb(166, 227, 161);
    --ctp-teal: rgb(148, 226, 213);
    --ctp-sky: rgb(137, 220, 235);
    --ctp-sapphire: rgb(116, 199, 236);
    --ctp-blue: rgb(137, 180, 250);
    --ctp-lavender: rgb(180, 190, 254);
    --ctp-text: rgb(205, 214, 244);
    --ctp-subtext1: rgb(186, 194, 222);
    --ctp-subtext0: rgb(166, 173, 200);
    --ctp-overlay2: rgb(147, 153, 178);
    --ctp-overlay1: rgb(127, 132, 156);
    --ctp-overlay0: rgb(108, 112, 134);
    --ctp-surface2: rgb(88, 91, 112);
    --ctp-surface1: rgb(69, 71, 90);
    --ctp-surface0: rgb(49, 50, 68);
    --ctp-base: rgb(30, 30, 46);
    --ctp-mantle: rgb(24, 24, 37);
    --ctp-crust: rgb(17, 17, 27);
}