:root {
	--bg: #2d2a28;
	--card: #3d3835;
	--card-section: #363332;
	--accent: #f59e0b;
	--text: #d1d5db;
	--title: #f3f4f6;
	--border-color: #202632;
	--muted-text: #7b8495;
	--muted-border-color: #202632;
	--panel-bg: #474442;

	--pico-form-element-background-color: #413f3e;
	--pico-form-element-active-background-color: #2e2b2b;

	--pico-muted-border-color: #474442;
	--pico-muted-background-color: #474442;
	--pico-muted-text-color: #d1d5db;

	/* Text */
	--pico-background-color: #2d2a28;
    --pico-color: #d1d5db;
    --pico-text-selection-color: rgba(1, 170, 255, 0.1875);
    --pico-muted-color: #7b8495;
    --pico-primary: #c4a369;
    --pico-primary-background: #8c7651;
    --pico-primary-underline: rgba(217, 186, 119, 0.5);
    --pico-primary-hover: #dcc090;
    --pico-primary-hover-background: rgb(186, 166, 99);
    --pico-primary-focus: rgba(217, 186, 119, 0.5);
    --pico-primary-inverse: #fff;
    --pico-secondary: #969eaf;
    --pico-secondary-background: #525f7a;
    --pico-secondary-underline: rgba(150, 158, 175, 0.5);
    --pico-secondary-hover: #b3b9c5;
    --pico-secondary-hover-background: #5d6b89;
    --pico-secondary-focus: rgba(144, 158, 190, 0.25);
    --pico-secondary-inverse: #fff;
    --pico-contrast: #dfe3eb;
    --pico-contrast-background: #eff1f4;
    --pico-contrast-underline: rgba(223, 227, 235, 0.5);
    --pico-contrast-hover: #fff;
    --pico-contrast-hover-background: #fff;
    --pico-contrast-focus: rgba(207, 213, 226, 0.25);
    --pico-contrast-inverse: #000;
    --pico-h1-color: #f0f1f3;
    --pico-h2-color: #e0e3e7;
    --pico-h3-color: #c2c7d0;
    --pico-h4-color: #b3b9c5;
    --pico-h5-color: #a4acba;
    --pico-h6-color: #8891a4;
    --pico-mark-background-color: #014063;
    --pico-mark-color: #fff;
    --pico-ins-color: #62af9a;
    --pico-del-color: rgb(205.5, 126, 123);

	/* Table */
    --pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375);
    --pico-code-background-color: rgb(26, 30.5, 40.25);
    --pico-code-color: #8891a4;
    /* Code */
	--code-tag-color: hsl(330, 30%, 50%);
	--code-property-color: hsl(185, 30%, 50%);
	--code-value-color: hsl(40, 10%, 50%);
	--code-comment-color: #4d606d;

	/* Form */
    --pico-form-element-background-color: var(--pico-background-color);
    --pico-form-element-selected-background-color: #2a3140;
    --pico-form-element-border-color: #2a3140;
    --pico-form-element-color: #e0e3e7;
    --pico-form-element-placeholder-color: #8891a4;
    --pico-form-element-active-background-color: var(--pico-card-sectioning-background-color);
    --pico-form-element-invalid-border-color: rgb(149.5, 74, 80);
    --pico-form-element-invalid-active-border-color: rgb(183.25, 63.5, 59);
    --pico-form-element-valid-border-color: #2a7b6f;
    --pico-form-element-valid-active-border-color: rgb(22, 137, 105.5);
    --pico-switch-background-color: var(--pico-card-sectioning-background-color);
    --pico-switch-color: #fff;
    --pico-range-border-color: var(--pico-card-sectioning-background-color);
    --pico-range-active-border-color: var(--pico-primary-hover-color);

	/* Card and others */
    --pico-card-background-color: #3d3835;
    --pico-card-sectioning-background-color: #363332;
    --pico-dropdown-background-color: var(--pico-card-background-color);
    --pico-dropdown-border-color: var(--pico-border-color);
    --pico-dropdown-hover-background-color: var(--pico-card-sectioning-background-color);
    --pico-modal-overlay-background-color: rgba(7.5, 8.5, 10, 0.75);
    --pico-progress-background-color: var(--pico-card-background-color);
    --panel-background-color: #474442;
	--panel-hover-background-color: var(--panel-background-color);
	--panel-hover-background-color: color-mix(in srgb, var(--panel-background-color), transparent 50%);
	/* Border */
	--pico-border-radius: 8px;
	--pico-muted-border-color: #474442;
	--pico-border-color: #514541;
}