:root {

    /* Core Surfaces */

    --pp-bg: #e7e1d6;

    --pp-surface: #f7f3eb;
    --pp-surface-alt: #ebe4d7;

    /* Typography */

    --pp-text: #2f2c27;
    --pp-text-muted: #72695d;
    --pp-link-text: #c74d3d;

    /* Primary */

    --pp-primary: #c74d3d;
    --pp-primary-hover: #af3f31;
    --pp-primary-text: #ffffff;

    /* Secondary */

    --pp-secondary: #8b7962;
    --pp-secondary-hover: #766551;

    /* Status */

    --pp-success: #6f8f68;
    --pp-success-hover: #5e7a57;

    --pp-warning: #d8b56d;
    --pp-danger: #b84d4d;

    --pp-owned: #6f8f68;
    --pp-missing: #b84d4d;
    --pp-trade: #5e8db8;
    --pp-wishlist: #d8b56d;

    /* Borders */

    --pp-border: #d0c6b8;

    /* Effects */

    --pp-shadow:
        0 2px 10px rgba(60, 50, 40, 0.10);

    --pp-shadow-hover:
        0 4px 18px rgba(199, 77, 61, 0.22);

    /* Navigation */

    --pp-navbar-gradient:
        linear-gradient(
            90deg,
            #6b5b49,
            #8b7962,
            #c74d3d
        );

    --pp-navbar-text: #ffffff;
    --pp-navbar-hover: #f5ddd9;

    /* Footer */

    --pp-footer-gradient:
        linear-gradient(
            180deg,
            #efe8dc,
            #ddd2c3
        );

    --pp-footer-text: #665d52;
    --pp-footer-link: #c74d3d;

    /* Tables */

    --pp-table-header: #e7dfd2;

    --pp-table-row-hover:
        rgba(199, 77, 61, 0.08);

    /* Bootstrap */

    --pp-bi-list: #fbf5e8;
}