@use 'main' as *;
@use 'viewerCommon' as *;

// General styling
$accent-color: $ontime-pink; // --accent-color-override
$delay-color: $delay-text;

// Main Properties of a viewer
$viewer-background-color: $bg-black; // --background-color-override
$viewer-color: $title-white; // --color-override
$viewer-outdent-bg-color: $bg-gray-1100; // --outdent-background-color-override
$viewer-overlay-bg-color: $bg-overlay;

// Properties related to timer
$timer-finished-color: $ontime-pink-variant;

// View specific - Pip
$pip-bg-color: $bg-black-100;
$pip-border-color: $bg-black-200;
$pip-text-color: $bg-gray-900;
$today-item-bg: $bg-gray-700;

// View specific - Titles
$title-color: #ddd;
$subtitle-color: #aaa;

// View specific - Paginator
$now-bg-color: #ffffff11;
$future-bg-color: #ffffff05;