src/system-properties.css
@property --system-accent-color {
	syntax: '<color>|AccentColor';
	inherits: true;
	initial-value: AccentColor;
}

@property --system-accent-color-text {
	syntax: '<color>|AccentColorText';
	inherits: true;
	initial-value: AccentColorText;
}

@property --system-active-text {
	syntax: '<color>|ActiveText';
	inherits: true;
	initial-value: ActiveText;
}

@property --system-button-border {
	syntax: '<color>|ButtonBorder';
	inherits: true;
	initial-value: ButtonBorder;
}

@property --system-button-face {
	syntax: '<color>|ButtonFace';
	inherits: true;
	initial-value: ButtonFace;
}

@property --system-button-text {
	syntax: '<color>|ButtonText';
	inherits: true;
	initial-value: ButtonText;
}

@property --system-canvas {
	syntax: '<color>|Canvas';
	inherits: true;
	initial-value: Canvas;
}

@property --system-canvas-text {
	syntax: '<color>|CanvasText';
	inherits: true;
	initial-value: CanvasText;
}

@property --system-field {
	syntax: '<color>|Field';
	inherits: true;
	initial-value: Field;
}

@property --system-field-text {
	syntax: '<color>|FieldText';
	inherits: true;
	initial-value: FieldText;
}

@property --system-gray-text {
	syntax: '<color>|GrayText';
	inherits: true;
	initial-value: GrayText;
}

@property --system-highlight {
	syntax: '<color>|Highlight';
	inherits: true;
	initial-value: Highlight;
}

@property --system-highlight-text {
	syntax: '<color>|HighlightText';
	inherits: true;
	initial-value: HighlightText;
}

@property --system-link-text {
	syntax: '<color>|LinkText';
	inherits: true;
	initial-value: LinkText;
}

@property --system-mark {
	syntax: '<color>|Mark';
	inherits: true;
	initial-value: Mark;
}

@property --system-mark-text {
	syntax: '<color>|MarkText';
	inherits: true;
	initial-value: MarkText;
}

@property --system-selected-item {
	syntax: '<color>|SelectedItem';
	inherits: true;
	initial-value: SelectedItem;
}

@property --system-selected-item-text {
	syntax: '<color>|SelectedItemText';
	inherits: true;
	initial-value: SelectedItemText;
}

@property --system-visited-text {
	syntax: '<color>|VisitedText';
	inherits: true;
	initial-value: VisitedText;
}

@layer --system {
	:root {
		--OFF: ;
		--ON: initial;
		--system-enhanced: var(--OFF);
	}
}
