.organizer-theme {
    --color-primary: #ffffff;
    --color-text-primary: #000000;
    --color-secondary: #343539;
    --color-text-secondary: #f8f9f9;
    --color-tertiary: #252629;
    --color-text-tertiary: var(--color-text-secondary);

    --color-accent-1: #440099;
    --color-accent-2: #ff7a00;
    --color-accent-3: #c9a7ff;

    --color-info: #6f42c1;
    --color-success: #16a34a;
    --color-warning: #ffd166;
    --color-error: #ff4d4f;
    
    --font-size-text-small: 14px;
    --font-size-text-heading: 20px;
    
    --border-width: 1.5px;
    
    --dialog-small-width: 300px;
    --dialog-medium-width: 500px;
    --dialog-large-width: 800px;
    
    --dialog-fullscreen-border: 50px;  
}

.primary-text, .secondary-text, .tertiary-text {
    font-size: var(--font-size-text-small);
}

.primary-heading, .secondary-heading, .tertiary-heading {
    font-size: var(--font-size-text-heading);
    font-weight: bold;
}

.primary-text, .secondary-text, .tertiary-text,
.primary-heading, .secondary-heading, .tertiary-heading {
    font-family: Nunito, sans-serif;
}

.primary-text, .primary-heading {
    color: var(--color-text-primary);
}

.secondary-text, .secondary-heading {
    color: var(--color-text-secondary);
}

.tertiary-text, .tertiary-heading {
    color: var(--color-text-tertiary);
}

.icon-button {
    width: fit-content;
    border: none;
    background: transparent;
}

.icon-button:hover {
    background: #00000030;
}