:root {
    --blue1: rgb(153, 193, 241);
    --blue2: rgb(98, 160, 234);
    --blue3: rgb(53, 132, 228);
    --blue4: rgb(28, 113, 216);
    --blue5: rgb(26, 95, 180);
    --green1: rgb(143, 240, 164);
    --green2: rgb(87, 227, 137);
    --green3: rgb(51, 209, 122);
    --green4: rgb(46, 194, 126);
    --green5: rgb(38, 162, 105);
    --yellow1: rgb(249, 240, 107);
    --yellow2: rgb(248, 228, 92);
    --yellow3: rgb(246, 211, 45);
    --yellow4: rgb(245, 194, 17);
    --yellow5: rgb(229, 165, 10);
    --orange1: rgb(255, 190, 111);
    --orange2: rgb(255, 163, 72);
    --orange3: rgb(255, 120, 0);
    --orange4: rgb(230, 97, 0);
    --orange5: rgb(198, 70, 0);
    --red1: rgb(246, 97, 81);
    --red2: rgb(237, 51, 59);
    --red3: rgb(224, 27, 36);
    --red4: rgb(192, 28, 40);
    --red5: rgb(165, 29, 45);
    --purple1: rgb(220, 138, 221);
    --purple2: rgb(192, 97, 203);
    --purple3: rgb(145, 65, 172);
    --purple4: rgb(129, 61, 156);
    --purple5: rgb(97, 53, 131);
    --brown1: rgb(205, 171, 143);
    --brown2: rgb(181, 131, 90);
    --brown3: rgb(152, 106, 68);
    --brown4: rgb(134, 94, 60);
    --brown5: rgb(99, 69, 44);
    --light1: rgb(255, 255, 255);
    --light2: rgb(246, 245, 244);
    --light3: rgb(222, 221, 218);
    --light4: rgb(192, 191, 188);
    --light5: rgb(154, 153, 150);
    --dark1: rgb(119, 118, 123);
    --dark2: rgb(94, 92, 100);
    --dark3: rgb(61, 56, 70);
    --dark4: rgb(36, 31, 49);
    --dark5: rgb(0, 0, 0);

    --adw-bg: #111111;
    --adw-card: #3d3846;
    --adw-button: #55505c;
    --adw-border: #4a4a50;
    --adw-blue: #3581de;
    --accent-color: AccentColor;
    --text-primary: #f5f5f5;
    --text-secondary: #d1d1d1;
    --text-muted: #b5b5b5;
    --code-bg: rgba(255, 255, 255, 0.1);
    --adw-footer: #1a1622;
    --slickease: cubic-bezier(.17, .89, .32, 1.28);
    --default-font-size: 16px;
    --inter: InterVariable, "Inter Variable", Inter, sans-serif;
    --monospace: 'SF Mono', 'Monaco', 'Inconsolata', 'Roboto Mono', monospace;
    font-feature-settings: 'liga' 1, 'calt' 1; /* Inter fix for Chrome */
    
}

@supports not (color: AccentColor) {
  :root {
    --accent-color: var(--adw-blue, #4a90e2);
  }
}


@font-face {
    font-family: "Adwaita Sans";
    src: url("../fonts/AdwaitaSans-Regular.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

html, body {
    margin: 0;
    padding: 0;
    font-size: var(--default-font-size);
    font-family: var(--inter);
    font-style: normal;
    font-weight: 400;
    line-height: 1.6;
    letter-spacing: -0.01em;
    word-spacing: -0.01em;
    scroll-behavior: smooth;
}

body {
    color: var(--text-secondary);
    background-color: var(--adw-bg);
    min-height: 100vh;
}

footer a:hover {
    text-decoration: underline;
}
