@media (prefers-color-scheme: light) {
    [data-template="actions"] {
        --gap-size: 16px;
        --wrapper-padding: 0;
        
        --font-size: 18px;
        --font-color: #1E1E1E;
        --font-family: "Futura PT", sans-serif;
        
        /* menu */
    
        --menu-border-radius: 8px;
        --menu-paddings: calc(var(--gap-size) * 0.5) calc(var(--gap-size) * 1.5);
        --menu-size: calc(var(--font-size) + 2px);
        --menu-height: calc(var(--font-size) + 2px);
        --menu-weight: 500;
    
        --menu-active-border-width: 1.5px;
        --menu-active-border-color: #BDBFC3;
        --menu-active-bg-color: #BDBFC3;
        --menu-active-text-color: #1E1E1E;
    
        --menu-inactive-border-width: 1.5px;
        --menu-inactive-border-color: transparent;
        --menu-inactive-bg-color: rgba(225, 225, 226, 0.5);
        --menu-inactive-text-color: #757A85;
    
        /* picture */
    
        --picture-fallback-color: #CFDCF0;
        --picture-border-radius: 0;
    
        /* header */
     
        --header-color: #1E1E1E;
    
        /* date */
    
        --date-text-color: #757A85;
        --date-border-color: rgba(0, 0, 0, 0.08);
    
        /* text */
    
        --text-clamps: 7;
    }
}

@media (prefers-color-scheme: dark) {
    [data-template="actions"] {
        --gap-size: 16px;
        --wrapper-padding: 0;
        
        --font-size: 18px;
        --font-color: var(--text);
        --font-family: "Futura PT", sans-serif;
        
        /* menu */
    
        --menu-border-radius: 8px;
        --menu-paddings: calc(var(--gap-size) * 0.5) calc(var(--gap-size) * 1.5);
        --menu-size: calc(var(--font-size) + 2px);
        --menu-height: calc(var(--font-size) + 2px);
        --menu-weight: 500;
    
        --menu-active-border-width: 0;
        --menu-active-border-color: #BDBFC3;
        --menu-active-bg-color: #5A5A67;
        --menu-active-text-color: #FFFFFF;
    
        --menu-inactive-border-width: 0;
        --menu-inactive-border-color: transparent;
        --menu-inactive-bg-color: #231A2C:
        --menu-inactive-text-color: #FFFFFF;
    
        /* picture */
    
        --picture-fallback-color: #CFDCF0;
        --picture-border-radius: 0;
    
        /* header */
     
        --header-color: var(--text);
    
        /* date */
    
        --date-text-color: #757A85;
        --date-border-color: rgba(0, 0, 0, 0.08);
    
        /* text */
    
        --text-clamps: 7;
    }
}

:root.light-theme [data-template="actions"] {
    --gap-size: 16px;
    --wrapper-padding: 0;
    
    --font-size: 18px;
    --font-color: #1E1E1E;
    --font-family: "Futura PT", sans-serif;
    
    /* menu */

    --menu-border-radius: 8px;
    --menu-paddings: calc(var(--gap-size) * 0.5) calc(var(--gap-size) * 1.5);
    --menu-size: calc(var(--font-size) + 2px);
    --menu-height: calc(var(--font-size) + 2px);
    --menu-weight: 500;

    --menu-active-border-width: 1.5px;
    --menu-active-border-color: #BDBFC3;
    --menu-active-bg-color: #BDBFC3;
    --menu-active-text-color: #1E1E1E;

    --menu-inactive-border-width: 1.5px;
    --menu-inactive-border-color: transparent;
    --menu-inactive-bg-color: rgba(225, 225, 226, 0.5);
    --menu-inactive-text-color: #757A85;

    /* picture */

    --picture-fallback-color: #CFDCF0;
    --picture-border-radius: 0;

    /* header */
 
    --header-color: #1E1E1E;

    /* date */

    --date-text-color: #757A85;
    --date-border-color: rgba(0, 0, 0, 0.08);

    /* text */

    --text-clamps: 7;
}

:root.dark-theme [data-template="actions"] {
    --gap-size: 16px;
    --wrapper-padding: 0;
    
    --font-size: 18px;
    --font-color: var(--text);
    --font-family: "Futura PT", sans-serif;
    
    /* menu */

    --menu-border-radius: 8px;
    --menu-paddings: calc(var(--gap-size) * 0.5) calc(var(--gap-size) * 1.5);
    --menu-size: calc(var(--font-size) + 2px);
    --menu-height: calc(var(--font-size) + 2px);
    --menu-weight: 500;

    --menu-active-border-width: 0;
    --menu-active-border-color: #BDBFC3;
    --menu-active-bg-color: #5A5A67;
    --menu-active-text-color: #FFFFFF;

    --menu-inactive-border-width: 0;
    --menu-inactive-border-color: transparent;
    --menu-inactive-bg-color: #231A2C:
    --menu-inactive-text-color: #FFFFFF;

    /* picture */

    --picture-fallback-color: #CFDCF0;
    --picture-border-radius: 0;

    /* header */
 
    --header-color: var(--text);

    /* date */

    --date-text-color: #757A85;
    --date-border-color: rgba(0, 0, 0, 0.08);

    /* text */

    --text-clamps: 7;
}