:root {
    /* Primary Colors */
    --md-primary-fg-color:        #7e22ce;
    --md-primary-fg-color--light: #a78bfa;
    --md-primary-fg-color--dark:  #4c1d95;

    /* Accent Colors */
    --md-accent-fg-color:         #b8a4f4;
    --md-accent-bg-color:         #fff;

    /* Background Colors */
    --md-bg-color:                #f9f5ff;
    --md-bg-color--light:         #fafafa;
    --md-bg-color--dark:          #2d2d2d;

    /* Text Colors */
    --md-text-color:              #333;
    --md-text-color--light:       #666;
    --md-text-color--dark:        #fff;

    /* Border Colors */
    --md-border-color:            #d1d5db;
    --md-border-color--light:     #e5e7eb;
    --md-border-color--dark:      #4b5563;

    /* Button Colors */
    --md-button-bg-color:         #7e22ce;
    --md-button-bg-color--hover:  #6b21a8;
    --md-button-text-color:       #fff;

    /* Link Colors */
    --md-link-color:              #7e22ce;
    --md-link-color--hover:       #4c1d95;
}

/* Hide the site name text next to logo */
.md-header__topic:first-child {
    display: none;
}