/* Tokyo Night bootstrap theme override */

:root {
    /* Tokyo Night Colors */
    --bs-primary:   #7AA2F7;  /* Bright blue */
    --bs-secondary: #BB9AF7;  /* Purple */
    --bs-success:   #9ECE6A;  /* Green */
    --bs-info:      #7DCFFF;  /* Cyan */
    --bs-warning:   #E0AF68;  /* Yellow/Gold */
    --bs-danger:    #F7768E;  /* Pink/Red */
    --bs-light:     #A9B1D6;  /* Light text background */
    --bs-dark:      #414868;  /* Dark blue-gray */
    --bs-bg-dark:   #262a3d;  /* Slightly Lighter Background */

    /* Background and text */
    --bs-body-bg:    #1A1B26; /* Dark Tokyo Night background */
    --bs-body-color: #A9B1D6; /* Default text color */

    /* Borders */
    --bs-border-color: #414868; 

    /* Component specific overrides */
    --bs-btn-hover-bg: var(--bs-primary);
    --bs-btn-active-bg: var(--bs-primary);
    --bs-btn-border-color: var(--bs-primary);
    --bs-link-color: var(--bs-primary);
    --bs-link-hover-color: var(--bs-info);

    /* Ranking backgrounds */
    --soft-gold:   #E0CD67;
    --soft-silver: #DBDBDB;
    --soft-bronze: #A18666;
}

.bg-gold {
    background-color: var(--soft-gold);
}

.bg-silver {
    background-color: var(--soft-silver);
}

.bg-bronze {
    background-color: var(--soft-bronze);
}


.btn-home {
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in;
    background-color: var(--bs-warning);
    color: var(--bs-bg-dark);
}

.btn-home:hover {
    background-color: var(--bs-warning);
    color: var(--bs-bg-dark);
}

.btn-changelog {
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in;
    color: var(--bs-success);
}

.btn-changelog:hover {
    color: var(--bs-bg-dark);
    background-color: var(--bs-success);
}


.text-primary-light {
    color: var(--bs-body-color);
}

.text-success {
    color: var(--bs-success) !important;
}

.text-yellow {
    color: var(--bs-warning) !important;
}

#fira-code {
    font-family: "Fira Code";
}

#cascadia-code {
    font-family: "Cascadia Code";
}

#victor-mono {
    font-family: "Victor Mono";
}

@font-face {
    font-family: Iosevka;
    src: url(../assets/fonts/Iosevka/Iosevka-Regular.woff2);
}

#iosevka {
    font-family: Iosevka;
}

@font-face {
  font-family: Hasklig;
  src: url(../assets/fonts/HaskLig/Hasklig-Regular.otf);
}

#hasklig {
    font-family: Hasklig;
}

@font-face {
    font-family: Monoid;
    src: url(../assets/fonts/Monoid/Monoid-Regular.ttf);
}

#monoid {
    font-family: Monoid;
}

#fragment-mono {
    font-family: "Fragment Mono", monospace;
}

@font-face {
    font-family: Lilex;
    src: url(../assets/fonts/Lilex/Lilex-Regular.ttf);
}

#lilex {
    font-family: Lilex;
}

.row [class='col'] {
    transition: all 0.2s ease;
}

.animated-col:hover {
  transform: scale(1.05);
}

.col {
  transition: transform 0.5s;
}

#main-container {
    transition: padding 0.3s ease;
}

#project-source:hover {
    opacity: 0.5;
}

/* Override bg-dark and text-dark to use your palette */
.bg-dark {
    background-color: var(--bs-bg-dark) !important;
}

/* Reset Bootstrap text margins */

h1, h2, h3, h4, h5, h6,
p, blockquote, pre,
dl, dd, ul, ol, li,
figure, figcaption {
    margin: 0;
    padding: 0;
}

body {
    font-family: "JetBrains Mono";
}