._theme-robot {
    /* Color Palette */
    --robot-red: #E8393F;
    --robot-orange: #fea143;
    --robot-yellow: #dfe361;
    --robot-lime: #4ED8A3;
    --robot-teal: #54c8c8;
    --robot-sky: #4ea3d8;
    --robot-blue: #3580D3;
    --robot-purple: #8867A1;
    --robot-pink: #e66993;
    --robot-gray: #7a8a8a;
    --robot-magenta: #852041;
    --robot-black: #000000;
    --robot-dark: #151413;
    --robot-grid: #1a2b2b;

    /* Legacy styling */
    --wf-color-bg-secondary: var(--wf-dark-gray-600);
    --wf-color-background-info: var(--wf-dark-gray-600);
    --wf-color-text-warning: var(--robot-yellow);
    --wf-color-text-info: var(--robot-sky);
    --wf-color-link-01: var(--robot-sky);
    --wf-color-link-hover-01: var(--robot-lime);

    --gray1: #2a2a2a;
    --gray2: #3a3a3a;
    --gray3: #4a4a4a;
    --gray4: #5a5a5a;
    --gray5: #6a6a6a;
    --gray6: #7a7a7a;
    --gray7: #8a8a8a;
    --gray8: #9a9a9a;
    --accent: #4ed8a3a7;

    /* Refactored tokens */

    /* Backgrounds */
    --wf-background: var(--robot-black);
    --wf-background-secondary: var(--robot-black);
    --wf-background-tertiary: #fea14320; /* date tags */
    --wf-background-accent: rgba(169, 233, 241, 0.12);
    --wf-background-inverse: var(--robot-red);
    --wf-background-inverse-transparent: rgba(169, 233, 241, 0.1);
    --wf-page-background: var(--robot-black);

    /* Borders */
    --wf-border-default: var(--robot-red);
    --wf-border-active: var(--robot-lime);
    --wf-border-strong: var(--robot-lime);
    --wf-border-subtle: var(--robot-lime); /* nesting indicator */

    /* Text - CRT glow effect */
    --wf-text-primary: var(--robot-orange);
    --wf-text-secondary: var(--robot-red);
    --wf-text-on-color: var(--robot-lime);
    --wf-text-inverse: var(--robot-black);
    --wf-text-helper: var(--robot-red);
    --wf-text-disabled: rgba(169, 233, 241, 0.3);
    --wf-text-error: var(--robot-red);

    /* Buttons */
    --wf-button-background: var(--robot-grid);
    --wf-button-background-primary: var(--robot-grid);
    --wf-button-background-primary-hover: #2e8a67;
    --wf-button-background-primary-active: var(--robot-orange);
    --wf-button-background-secondary: rgba(169, 233, 241, 0.15);
    --wf-button-background-secondary-hover: var(--robot-grid);
    --wf-button-background-secondary-active: rgba(169, 233, 241, 0.35);
    --wf-ghost-button-background-hover: rgba(169, 233, 241, 0.08);
    --wf-ghost-button-background-active: rgba(169, 233, 241, 0.15);
    --wf-button-background-danger: var(--robot-red);
    --wf-button-background-danger-hover: var(--robot-magenta);
    --wf-button-background-loading: rgba(169, 233, 241, 0.1);
    --wf-button-disabled: rgba(169, 233, 241, 0.2);


    /* Icons */
    --wf-icon-primary: var(--robot-red);
    --wf-icon-secondary: var(--robot-lime);
    --wf-icon-tertiary: var(--robot-lime); /* nested thread arrow */
    --wf-icon-active: var(--robot-yellow);

    /* Support */
    --wf-support-success: var(--robot-lime);
    --wf-support-warning: var(--robot-yellow);
    --wf-support-error: var(--robot-red);

    /* Links */
    --wf-link-primary: var(--robot-sky);
    --wf-link-secondary: #4ED8A3;

    /* Header */
    --wf-header-background: var(--robot-black);
    --wf-header-text: var(--robot-red);
    --wf-header-icon: var(--robot-lime);
    --wf-header-text-secondary: var(--robot-lime);
    --wf-header-border: var(--robot-red);
    --wf-header-button-background-hover: var(--robot-magenta);
    --wf-header-button-background-active: rgba(169, 233, 241, 0.25);
    --wf-header-button-background-disabled: rgba(169, 233, 241, 0.05);

    /* Menu */
    --wf-menu-background: var(--robot-black);
    --wf-menu-text: var(--robot-orange);
    --wf-menu-border: var(--robot-red);
    --wf-menu-icon: var(--robot-red);

    /* Input */
    --wf-input-background: rgba(169, 233, 241, 0.05);
    --wf-input-background-hover: rgba(169, 233, 241, 0.1);
    --wf-input-default: var(--robot-grid);
    --wf-input-active: var(--robot-lime);

    /* Text, Highlight and Tag colors */
    --wf-tag-background: rgba(169, 233, 241, 0.2);
    --wf-tag-text: var(--robot-black);
    --wf-tag-text-red: var(--robot-red);
    --wf-tag-background-red: var(--robot-red);
    --wf-tag-text-orange: var(--robot-orange);
    --wf-tag-background-orange: var(--robot-orange);
    --wf-tag-text-yellow: var(--robot-yellow);
    --wf-tag-background-yellow: var(--robot-yellow);
    --wf-tag-text-green: var(--robot-lime);
    --wf-tag-background-green: var(--robot-lime);
    --wf-tag-text-blue: var(--robot-blue);
    --wf-tag-background-blue: var(--robot-blue);
    --wf-tag-text-purple: var(--robot-purple);
    --wf-tag-background-purple: var(--robot-purple);
    --wf-tag-text-gray: var(--robot-gray);
    --wf-tag-background-gray: var(--robot-gray);
    --wf-tag-text-teal: var(--robot-teal);
    --wf-tag-background-teal: var(--robot-teal);
    --wf-tag-text-sky: var(--robot-sky);
    --wf-tag-background-sky: var(--robot-sky);
    --wf-tag-text-pink: var(--robot-pink);
    --wf-tag-background-pink: var(--robot-pink);

    /* Misc */
    --wf-highlight: var(--robot-grid);
    --wf-search-highlight: #e8393f65;
    --wf-icon-star: var(--robot-yellow);

    --wf-present-theme: dark;
    --wf-payment-stripe-theme: night;

    /* Scrollbar */
    --webkit-scrollbar-track: var(--robot-black);
    --webkit-scrollbar-thumb: var(--robot-grid);
    --webkit-scrollbar-thumb-hover: var(--robot-lime);

    /* Text annotations */
    --text-annotation-icon-colors-mentioned: var(--robot-sky);
    --text-annotation-icon-colors-added: var(--robot-lime);
    --text-annotation-icon-colors-moved: var(--robot-purple);
    --text-annotation-icon-colors-completed: var(--robot-orange);
    --text-annotation-icon-colors-edited: var(--robot-yellow);

    --text-annotation-background-colors-mentioned: rgba(169, 233, 241, 0.15);
    --text-annotation-background-colors-added: rgba(230, 245, 147, 0.15);
    --text-annotation-background-colors-moved: rgba(136, 103, 161, 0.15);
    --text-annotation-background-colors-completed: rgba(254, 195, 67, 0.15);
    --text-annotation-background-colors-edited: rgba(250, 255, 122, 0.15);

    /* Shadows */
    --root-thread-box-shadow:
        0 0 10px rgba(169, 233, 241, 0.3),
        0 0 20px rgba(169, 233, 241, 0.2),
        0 4px 8px rgba(0, 0, 0, 0.5);

    --comment-box-shadow:
        0 0 8px rgba(169, 233, 241, 0.4),
        0 0 15px rgba(169, 233, 241, 0.2),
        0 2px 4px rgba(0, 0, 0, 0.6);

    --comment-box-shadow-stacked-2:
        0 0 8px rgba(169, 233, 241, 0.4),
        0 0 15px rgba(169, 233, 241, 0.2),
        0 2px 4px rgba(0, 0, 0, 0.6),
        0 10px 0 -5px rgba(169, 233, 241, 0.1),
        0 10px 8px -5px rgba(169, 233, 241, 0.3),
        0 20px 0 -10px rgba(169, 233, 241, 0.08),
        0 20px 8px -10px rgba(169, 233, 241, 0.2);
}

/* Board colors */
._theme-robot .boardCard {
    border-color: var(--robot-lime) !important;
    color: var(--robot-lime) !important;
}
._theme-robot .boardColumn {
    color: var(--robot-lime) !important;
}

/* Item type picker */
._theme-robot .item-type-picker:hover {
    color: var(--robot-black) !important;
}
/* Input text color */
._theme-robot input {
    color: var(--robot-lime) !important;
}

._theme-robot .welcome {
    color: var(--robot-lime) !important;
}

._theme-robot .welcome .text-tertiary {
    color: var(--robot-lime) !important;
}

._theme-robot .badge {
    color: var(--robot-lime) !important;
}

._theme-robot #search-input  {
    color: var(--robot-lime) !important;
}

._theme-robot .danger  {
    color: var(--robot-black) !important;
}

._theme-robot .button  {
    color: var(--robot-lime) !important;
}