:root, body {
    --t-layout-max-width: 960px;
    --t-bg: #333333;
    --t-surface: rgba(51, 51, 51, 0.55);
    --t-surface-2: #2c2c2e;
    --t-border: rgba(237, 215, 182, 0.22);
    --t-border-soft: color-mix(in oklab, var(--t-border) 55%, transparent);
    --t-text: #edd7b6;
    --t-muted: rgba(237, 215, 182, 0.65);
    --t-accent: #d60b2c;
    --t-glow: rgba(214, 11, 44, 0.18);
    --t-panel-glow: none;
    --t-panel-border: 1px solid var(--t-border);
    --t-panel-accent-stripe: linear-gradient(
        90deg,
        var(--t-accent) 0%,
        color-mix(in oklab, var(--t-accent) 35%, transparent) 55%,
        transparent 100%
    );

    
    --t-body-bg-image: url("../img/background.png");
    --t-body-bg-gradient: linear-gradient(45deg, var(--t-bg) 30%, var(--t-accent));
    --t-footer-bg-image: var(--t-body-bg-image);
    --t-footer-bg-gradient: var(--t-body-bg-gradient);

    
    --t-shadow-retro: 4px 4px 1px 0 var(--t-accent);
    --t-shadow-retro-soft: 4px 4px 1px 0 color-mix(in oklab, var(--t-accent) 50%, transparent);
    --t-shadow-retro-invert: 4px 4px 1px 0 var(--t-text);

    
    --t-page-loader-card-bg: rgba(51, 51, 51, 0.35);
    --t-page-loader-card-border: rgba(237, 215, 182, 0.35);
    --t-page-loader-card-shadow: 6px 6px 0 0 rgba(214, 11, 44, 0.7);
    --t-page-loader-spinner-ring: rgba(237, 215, 182, 0.25);

    --t-placeholder-fg: #ffffff;

    --t-popup-scrim: rgba(0, 0, 0, 0.75);
    --t-popup-channel-scrim: rgba(0, 0, 0, 0.8);

    --t-popup-panel: #ebd7b4;
    --t-popup-panel-shadow: 4px 4px 0 0 var(--t-accent);

    --t-popup-close-icon-bg: rgba(119, 13, 30, 0.47);
    --t-popup-close-icon-hover: #770d1eff;

    --t-input-bg: #ffffff;
    --t-input-border: rgba(214, 11, 44, 0.25);
    --t-on-light: #333333;

    --t-msg-error: #c62e31;
    --t-msg-ok: #2d5a2d;
    --t-msg-warn: #ee8a14;
    --t-status-s1: #40cd23;
    --t-on-accent: #fff;

    --t-title-shadow: 2px 2px 1px var(--t-accent);

    
    --t-header-nav-link: var(--t-text);
    --t-header-nav-link-current: var(--t-text);
    --t-header-nav-current-underline: var(--t-accent);
    --t-header-bg: color-mix(in oklab, var(--t-surface-2) 72%, transparent);

    
    --t-btn-fg: var(--t-accent);
    --t-btn-bg: color-mix(in oklab, var(--t-accent) 11%, var(--t-text));
    --t-btn-border: none;
    --t-btn-shadow: var(--t-shadow-retro);
    --t-btn-hover-fg: var(--t-text);
    --t-btn-hover-bg: color-mix(in oklab, var(--t-accent) 40%, var(--t-surface));
    --t-btn-hover-shadow: var(--t-shadow-retro-invert);
    --t-btn-hover-border: none;

    
    --t-search-input-bg-color: var(--t-text);
    --t-search-input-fg: var(--t-accent);
    --t-search-input-box-shadow: var(--t-shadow-retro);

    
    --t-tooltip-bg: var(--t-popup-panel);
    --t-tooltip-fg: var(--t-accent);
    --t-tooltip-border: none;
    --t-tooltip-box-shadow: var(--t-shadow-retro);

    
    --t-admin-popup-scrim: rgba(0, 0, 0, 0.8);
    --t-modal-scrim-backdrop-filter: none;
    --t-dialog-panel-bg: var(--t-popup-panel);
    --t-dialog-panel-border-width: 0px;
    --t-dialog-panel-border-color: transparent;
    --t-dialog-panel-shadow: var(--t-popup-panel-shadow);
    --t-dialog-close-bg: var(--t-accent);
    --t-dialog-close-border-width: 0px;
    --t-dialog-close-border-color: transparent;
    --t-dialog-close-fg: var(--t-popup-panel);
    --t-dialog-close-hover-bg: var(--t-popup-close-icon-hover);
    --t-dialog-close-hover-border-width: 0px;
    --t-dialog-close-hover-border-color: transparent;
    --t-dialog-title-color: var(--t-accent);
    --t-dialog-label-color: var(--t-on-light);
    --t-dialog-pre-bg: transparent;
    --t-dialog-pre-border: none;
    --t-dialog-pre-fg: var(--t-msg-error);
    --t-dialog-input-bg: var(--t-input-bg);
    --t-dialog-input-border: 1px solid var(--t-input-border);
    --t-dialog-input-fg: var(--t-on-light);
    --t-dialog-primary-bg: var(--t-accent);
    --t-dialog-primary-fg: var(--t-popup-panel);
    --t-dialog-primary-border: none;
    --t-dialog-primary-hover-bg: var(--t-popup-close-icon-hover);

    
    --t-pagination-item-bg: var(--t-text);
    --t-pagination-item-fg: var(--t-accent);
    --t-pagination-item-border: none;
    --t-pagination-item-shadow: var(--t-shadow-retro);
    --t-pagination-active-bg: var(--t-accent);
    --t-pagination-active-fg: var(--t-text);
    --t-pagination-active-border: none;
    --t-pagination-active-shadow: var(--t-shadow-retro-invert);
    --t-pagination-disabled-fg: color-mix(in oklab, var(--t-accent) 50%, transparent);
    --t-pagination-disabled-bg: var(--t-text);
    --t-pagination-disabled-border: none;
    --t-pagination-disabled-shadow: var(--t-shadow-retro-soft);
    --t-pagination-muted-fg: var(--t-text);
}
