html {
    --light-text-primary: #1d1d1d;
    --light-text-secondary: #333;
    --light-text-btn-inactive: #555;

    --light-bg-primary: #eee;
    --light-bg-secondary: #ddd;
    --light-bg-semi-transparent: #fffa;

    --light-primary: #f92548;
    --light-secondary: #fe5361;
    --light-primary-semi-transparent: #ff1c3eba;
    
    --light-accent: #ff9113;
    --light-accent-semi-transparent: #ff9113bb;

    --light-invalid: #fc6161;
    --light-valid: #64f464;
    
    --dark-text-primary: var(--light-bg-primary);
    --dark-text-secondary: var(--light-bg-secondary);
    --dark-text-btn-inactive: #aaa;

    --dark-bg-primary: var(--light-text-primary);
    --dark-bg-secondary: var(--light-text-secondary);
    --dark-bg-semi-transparent: #0007;

    --dark-primary: #fe335f;
    --dark-secondary: #fb2045;
    --dark-primary-semi-transparent: #fe335fdd;
    
    --dark-accent: #fc9c15;
    --dark-accent-semi-transparent: #fc9c15dd;

    --dark-invalid: #d00a0a;
    --dark-valid:#12c512;

    --shadow: #111;
}

html, .light {
    --text-primary: var(--light-text-primary);
    --text-secondary: var(--light-text-secondary);
    --text-btn-inactive: var(--light-text-btn-inactive);

    --bg-primary: var(--light-bg-primary);
    --bg-secondary: var(--light-bg-secondary);
    --bg-semi-transparent: var(--light-bg-semi-transparent);

    --primary: var(--light-primary);
    --secondary: var(--light-secondary);
    --primary-semi-transparent: var(--light-primary-semi-transparent);
    
    --accent: var(--light-accent);
    --accent-semi-transparent: var(--light-accent-semi-transparent);
    
    --invalid: var(--light-invalid);
    --valid: var(--light-valid);
}

.dark {
    --text-primary: var(--dark-text-primary);
    --text-secondary: var(--dark-text-secondary);
    --text-btn-inactive: var(--dark-text-btn-inactive);

    --bg-primary: var(--dark-bg-primary);
    --bg-secondary: var(--dark-bg-secondary);
    --bg-semi-transparent: var(--dark-bg-semi-transparent);

    --primary: var(--dark-primary);
    --secondary: var(--dark-secondary);
    --primary-semi-transparent: var(--dark-primary-semi-transparent);
    
    --accent: var(--dark-accent);
    --accent-semi-transparent: var(--dark-accent-semi-transparent);
    
    --invalid: var(--dark-invalid);
    --valid: var(--dark-valid);
}