.theme-dark {
    /* Base Colors */
    --color-base-00: #0e0e0e;
    
    --color-base-05: #343434;
    
    --color-base-10: #242424;
    
    --color-base-20: #1a1a1a;
    
    --color-base-25: #262626;
    
    --color-base-30: #333333;
    
    --color-base-35: #363636;
    
    --color-base-40: #4a4a4a;
    
    --color-base-50: #666666;
    
    --color-base-60: #999999;
    
    --color-base-70: #bbbbbb;
    
    --color-base-80: #dddddd;
    
    --color-base-90: #eeeeee;
    
    --color-base-100: #ffffff;
    

    
    --background-primary: var(--color-base-00);
    
    --background-secondary: var(--color-base-00);
    
    --titlebar-background: var(--color-base-00);
    
    --titlebar-background-focused: var(--color-base-10);
    

    
    --red_x: 191, 97, 106;
    
    --red: rgb(var(--red_x));
    --orange_x: 208, 135, 112;
    
    --orange: rgb(var(--orange_x));
    --yellow_x: 235, 203, 139;
    
    --yellow: rgb(var(--yellow_x));
    --green_x: 163, 190, 140;
    
    --green: rgb(var(--green_x));
    --purple_x: 180, 142, 173;
    
    --purple: rgb(var(--purple_x));
    --frost0_x: 143, 188, 187;
    
    --frost0: rgb(var(--frost0_x));
    --frost2_x: 129, 161, 193;
    
    --frost2: rgb(var(--frost2_x));

    
    --h1-color: var(--red);
    --h2-color: var(--yellow);
    --h3-color: var(--green);
    --h4-color: var(--purple);
    --h5-color: var(--frost0);
    --h6-color: var(--frost2);

    
    --text-primary: var(--color-base-80);
    
    --text-secondary: var(--color-base-50);
    
    --text-error: var(--red);
    
    --text-warning: var(--yellow);
    

    
    --button-background: var(--background-primary);
    
    --button-text: var(--color-base-80);
    
    --button-border: var(--background-primary);
    

    
    --focus-border: var(--purple);
    
    --selection-background: rgba(var(--green_x), 0.25);
    

    
    --status-bar-background: var(--color-base-05);
    
    --status-bar-foreground: var(--color-base-100);
    
}

body {
    
    background-color: var(--background-primary) !important;
    
    color: var(--text-primary);
    
    font-family: 'Arial', sans-serif;
    
    line-height: 1.6;
    
    margin: 0;
    

    
    --code-size: var(--font-smaller);
    --code-background: var(--background-primary);
    
    --code-normal: var(--color-base-80);
    
    --code-comment: var(--color-base-50);
    
    --code-function: var(--yellow);
    
    --code-important: var(--orange);
    
    --code-keyword: var(--purple);
    
    --code-property: var(--frost0);
    
    --code-punctuation: var(--color-base-60);
    
    --code-string: var(--green);
    
    --code-tag: var(--red);
    
    --code-value: var(--purple);
    
}


h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 20px;
    
    margin-bottom: 10px;
    
    font-weight: bold;
    
}

p {
    margin: 10px 0;
    
}


.side-dock-ribbon-action {
    background-color: var(--button-background);
    
    color: var(--button-text);
    
    border: none;
    
    border-radius: 4px;
    
    padding: 5px 5px;
    
    cursor: pointer;
    
    transition: background-color 0.3s;
    
}

.side-dock-ribbon-action:hover {
    background-color: rgba(var(--button-background), 0.8);
    
}


.status-bar {
    background-color: var(--status-bar-background);
    
    color: var(--status-bar-foreground);
    
    padding: 5px;
    
    border-radius: 5px;
    
}