/* Generated from shared/src/css/theme-dark.css by backend/tools/sync-shared.py. Do not edit. */
/* psi-overflow design tokens, the dark set: the colours and shadows of
 * theme.css for a dark scheme. No media query of its own; whoever loads it
 * says when it applies (see theme.css). */

:root,
:host {
    --psi-overflow-paper: #0e1716;
    --psi-overflow-surface: #16211f;
    --psi-overflow-surface-sunk: #111b1a;
    --psi-overflow-ink: #e4ecea;
    --psi-overflow-ink-soft: #9aaba7;
    --psi-overflow-ink-faint: #768884;
    --psi-overflow-rule: #263431;
    --psi-overflow-rule-strong: #354643;

    --psi-overflow-accent: #4fd1c5;
    --psi-overflow-accent-hover: #7ae0d6;
    --psi-overflow-accent-wash: #113531;
    --psi-overflow-accent-contrast: #06201d;

    --psi-overflow-review: #e0b055;
    --psi-overflow-review-wash: #33280d;
    --psi-overflow-answered: #4fd1c5;
    --psi-overflow-answered-wash: #113531;
    --psi-overflow-danger: #ff8798;
    --psi-overflow-danger-wash: #3a1620;

    --psi-overflow-mark: #6f6420;
    --psi-overflow-mark-strong: #b39420;
    --psi-overflow-mark-ink: #fbf6de;

    /* the charts' two colours; then the heatmap's steps darker to lighter,
       out of the dark surface */
    --psi-overflow-chart: #26a69a;
    --psi-overflow-chart-tutors: #9277ea;
    --psi-overflow-heat-1: #1d4f49;
    --psi-overflow-heat-2: #2a7e74;
    --psi-overflow-heat-3: #43ae9f;
    --psi-overflow-heat-4: #8be6db;

    --psi-overflow-shadow-raise: 0 1px 2px rgba(0, 0, 0, 0.5), 0 8px 20px -12px rgba(0, 0, 0, 0.7);
    --psi-overflow-shadow-pop: 0 2px 6px rgba(0, 0, 0, 0.55), 0 22px 46px -20px rgba(0, 0, 0, 0.8);
    --psi-overflow-shadow-side:
        -2px 0 6px rgba(0, 0, 0, 0.5), -18px 0 46px -16px rgba(0, 0, 0, 0.75);
    --psi-overflow-backdrop: rgba(0, 0, 0, 0.6);
}