.pell-toolbar {
    border-bottom: 1px solid oklch(12% 0.03 20); /* A darker shade of base-100 or neutral */
    color: oklch(85% 0.02 0); /* --color-base-content */
}

.pell-button {
    background-color: oklch(18% 0.06 25); /* --color-neutral */
    color: oklch(78% 0.03 0); /* --color-neutral-content */
    border-radius: 0.5rem; /* --radius-selector */
    margin: 0.25rem;
    cursor: pointer;
    transition: background-color 0.2s ease-in-out;
}

.pell-button:hover {
    background-color: oklch(22% 0.06 30); /* --color-base-300 */
}

.pell-button.btn-active{
    background-color: oklch(45% 0.22 15); /* --color-primary */
    color: oklch(95% 0.01 0); /* --color-primary-content */
}

.pell-content {
    background-color: oklch(12% 0.03 20); /* --color-base-100 */
    color: oklch(85% 0.02 0); /* --color-base-content */
    padding: 1rem;
    outline: none; /* Remove default focus outline */
    border-radius: 0 0 1rem 1rem; /* --radius-box for bottom corners */
}

.pell-editor-container {
    border: 1px solid oklch(22% 0.06 30); /* --color-base-300 */
    border-radius: 1rem; /* --radius-box */
    overflow: hidden; /* Ensures rounded corners are visible */
}

.pell-content,
.gs-custom-html {
    ul, 
    ol {
        padding-left: 1.5em;
    }
    
    ul li {
        list-style: disc;
    }
    
    ol li {
        list-style: decimal;
    }

    h1 {
        font-size: 2rem;
    }

    h2 {
        font-size: 1.5rem;
    }

    a {
        color: oklch(55% 0.25 15);
        cursor: pointer;
    }

    a:hover {
        color: oklch(75% 0.25 15); 
    }
}