:root {
    --color-primary: #FE701E;
    --color-secondary: #008000;
    --color-neutral-0: #FFFFFF;
    --color-neutral-40: #F9F9F9;
    --color-neutral-95: #131A22;
    --color-neutral-100: #080A08;
    --color-red-50: #D02224;
    --color-red-70: #AC1C1E;

    --color-surface: var(--color-neutral-0);
    --color-on-surface: var(--color-neutral-95);
    --color-on-surface-variant: var(--color-neutral-95);
    --color-surface-container: var(--color-neutral-95);
    --color-on-secondary: var(--color-neutral-0);
    --color-on-primary: var(--color-neutral-0);
    --color-secondary-container: var(--color-neutral-95);
    --color-on-secondary-container: var(--color-neutral-0);
    --color-primary-container: var(--color-neutral-40);
    --color-on-primary-container: var(--color-neutral-95);
    --color-outline: var(--color-neutral-95);
    --color-outline-variant: var(--color-neutral-95);
    --color-error: var(--color-red-50);
    --color-error-container: var(--color-red-70);
    --color-on-error-container: var(--color-neutral-0);

    --color-text: var(--color-on-surface);
    --color-background: var(--color-surface);
    --color-tint: var(--color-primary);
    --color-icon: #687076;
    --color-tab-icon-default: #687076;
    --color-tab-icon-selected: var(--color-primary);
    --color-logo-text-alt: var(--color-neutral-0);
}

[data-theme="dark"] {
    --color-surface: var(--color-neutral-100);
    --color-on-surface: var(--color-neutral-0);
    --color-on-surface-variant: var(--color-neutral-0);
    --color-surface-container: var(--color-neutral-40);
    --color-on-secondary: var(--color-neutral-0);
    --color-on-primary: var(--color-neutral-0);
    --color-secondary-container: var(--color-neutral-0);
    --color-on-secondary-container: var(--color-neutral-95);
    --color-primary-container: var(--color-neutral-95);
    --color-on-primary-container: var(--color-primary);
    --color-outline: var(--color-neutral-0);
    --color-outline-variant: var(--color-neutral-40);
    --color-error: var(--color-red-50);
    --color-error-container: var(--color-red-70);
    --color-on-error-container: var(--color-neutral-0);

    --color-text: var(--color-on-surface);
    --color-background: var(--color-surface);
    --color-tint: var(--color-primary);
    --color-icon: #9BA1A6;
    --color-tab-icon-default: #9BA1A6;
    --color-tab-icon-selected: var(--color-primary);
    --color-logo-text-alt: var(--color-neutral-100);
}