/*
 * LOTUS DESIGN SYSTEM
 * Foundation and page themes
 *
 * Components inherit appearance from their page theme.
 */

:root,
.lotus-theme-light {
    --lotus-surface: #f8f7f5;
    --lotus-surface-border: #d9d5d2;
    --lotus-text: #353437;
    --lotus-muted-text: #666;

    --lotus-control-bg: #fff;
    --lotus-control-text: #292a2d;
    --lotus-control-border: #cbc8c5;

    --lotus-button-bg: #353437;
    --lotus-button-text: #d894cc;
    --lotus-button-border: #353437;

    --lotus-button-hover-bg: #d894cc;
    --lotus-button-hover-text: #292929;

    --lotus-accent: #d894cc;

    --lotus-radius: 5px;
    --lotus-control-radius: 4px;
    --lotus-transition: 150ms ease;
}

/* Dark page theme */
.lotus-theme-dark {
    --lotus-surface: #403e42;
    --lotus-surface-border: #777077;
    --lotus-text: #e1dfe0;
    --lotus-muted-text: #aaa;

    --lotus-control-bg: #fff;
    --lotus-control-text: #292a2d;
    --lotus-control-border: #cbc8c5;

    --lotus-button-bg: #29292c;
    --lotus-button-text: #d894cc;
    --lotus-button-border: #242427;

    --lotus-button-hover-bg: #d894cc;
    --lotus-button-hover-text: #292929;
}


/* BEGIN Lotus pagination tokens Phase 2 */
:root {
    --lotus-page-button-bg: #3b3b3e;
    --lotus-page-button-text: #d894cc;
    --lotus-page-button-hover-bg: #d894cc;
    --lotus-page-button-hover-text: #292929;
    --lotus-page-button-disabled-bg: #353538;
    --lotus-page-button-disabled-text: #777;
}
/* END Lotus pagination tokens Phase 2 */


/* BEGIN Lotus table tokens Phase 2 */
:root {
    --lotus-table-bg: #fff;
    --lotus-table-border: #d9d5d2;
    --lotus-table-header-bg: #353437;
    --lotus-table-header-text: #e0b2d5;
    --lotus-table-text: #555;
    --lotus-table-row-border: #e5e1df;
    --lotus-table-row-alt: #faf9f8;
    --lotus-table-row-hover: #f6f2f5;
}
/* END Lotus table tokens Phase 2 */


/* BEGIN Lotus box tokens Phase 2 */
:root {
    --lotus-info-bg: #353437;
    --lotus-info-text: #e1dfe0;
    --lotus-info-heading: #f1edf0;
    --lotus-info-accent: #c184b3;

    --lotus-illustration-bg: #fcfbfa;
    --lotus-illustration-border: #d9d5d2;
}
/* END Lotus box tokens Phase 2 */