@property --aegis-font {
		syntax: "<custom-ident> | <string>";
		inherits: true;
		initial-value: system-ui;
	}

@property --aegis-btn-border-radius {
		syntax: "<length>";
		inherits: true;
		initial-value: 5px;
	}

@property --aegis-btn-border-width {
		syntax: "<length>";
		inherits: true;
		initial-value: 0px;
	}

@property --aegis-color-light {
		syntax: "<color>";
		inherits: true;
		initial-value: #212529;
	}

@property --aegis-color-dark {
		syntax: "<color>";
		inherits: true;
		initial-value: #f8f9fa;
	}

@property --aegis-bg-light {
		syntax: "<color>";
		inherits: true;
		initial-value: #f8f9fa;
	}

@property --aegis-bg-dark {
		syntax: "<color>";
		inherits: true;
		initial-value: #212529;
	}

@property --aegis-border-color-light {
		syntax: "<color>";
		inherits: true;
		initial-value: #dee2e6;
	}

@property --aegis-border-color-dark {
		syntax: "<color>";
		inherits: true;
		initial-value: #495057;
	}

@property --aegis-border-radius {
		syntax: "<length>";
		inherits: true;
		initial-value: 8px;
	}

@property --aegis-btn-primary {
		syntax: "<color>";
		inherits: true;
		initial-value: #0d6efd;
	}

@property --aegis-btn-primary-hover {
		syntax: "<color>";
		inherits: true;
		initial-value: #0a58ca;
	}

@property --aegis-btn-primary-active {
		syntax: "<color>";
		inherits: true;
		initial-value: #084298;
	}

@property --aegis-btn-primary-disabled {
		syntax: "<color>";
		inherits: true;
		initial-value: #6c757d;
	}

@property --aegis-btn-secondary {
		syntax: "<color>";
		inherits: true;
		initial-value: #6c757d;
	}

@property --aegis-btn-secondary-hover {
		syntax: "<color>";
		inherits: true;
		initial-value: #495057;
	}

@property --aegis-btn-secondary-active {
		syntax: "<color>";
		inherits: true;
		initial-value: #343a40;
	}

@property --aegis-btn-success {
		syntax: "<color>";
		inherits: true;
		initial-value: #198754;
	}

@property --aegis-btn-success-hover {
		syntax: "<color>";
		inherits: true;
		initial-value: #146c43;
	}

@property --aegis-btn-success-active {
		syntax: "<color>";
		inherits: true;
		initial-value: #0f5132;
	}

@property --aegis-btn-success-disabled {
		syntax: "<color>";
		inherits: true;
		initial-value: #6c757d;
	}

@property --aegis-btn-info {
		syntax: "<color>";
		inherits: true;
		initial-value: #0dcaf0;
	}

@property --aegis-btn-info-hover {
		syntax: "<color>";
		inherits: true;
		initial-value: #087990;
	}

@property --aegis-btn-info-active {
		syntax: "<color>";
		inherits: true;
		initial-value: #0aa2c0;
	}

@property --aegis-btn-info-disabled {
		syntax: "<color>";
		inherits: true;
		initial-value: #6c757d;
	}

@property --aegis-btn-warning {
		syntax: "<color>";
		inherits: true;
		initial-value: #ffc107;
	}

@property --aegis-btn-warning-hover {
		syntax: "<color>";
		inherits: true;
		initial-value: #cc9a06;
	}

@property --aegis-btn-warning-active {
		syntax: "<color>";
		inherits: true;
		initial-value: #997404;
	}

@property --aegis-btn-warning-disabled {
		syntax: "<color>";
		inherits: true;
		initial-value: #6c757d;
	}

@property --aegis-btn-danger {
		syntax: "<color>";
		inherits: true;
		initial-value: #dc3545;
	}

@property --aegis-btn-danger-hover {
		syntax: "<color>";
		inherits: true;
		initial-value: #b02a37;
	}

@property --aegis-btn-danger-active {
		syntax: "<color>";
		inherits: true;
		initial-value: #842029;
	}

@property --aegis-btn-danger-disabled {
		syntax: "<color>";
		inherits: true;
		initial-value: #6c757d;
	}

@property --aegis-btn-dark {
		syntax: "<color>";
		inherits: true;
		initial-value: #212529;
	}

@property --aegis-btn-dark-hover {
		syntax: "<color>";
		inherits: true;
		initial-value: #495057;
	}

@property --aegis-btn-dark-active {
		syntax: "<color>";
		inherits: true;
		initial-value: #343a40;
	}

@property --aegis-btn-dark-disabled {
		syntax: "<color>";
		inherits: true;
		initial-value: #6c757d;
	}

@property --aegis-btn-light {
		syntax: "<color>";
		inherits: true;
		initial-value: #f8f9fa;
	}

@property --aegis-btn-light-hover {
		syntax: "<color>";
		inherits: true;
		initial-value: #e9ecef;
	}

@property --aegis-btn-light-active {
		syntax: "<color>";
		inherits: true;
		initial-value: #dee2e6;
	}

@property --aegis-btn-light-disabled {
		syntax: "<color>";
		inherits: true;
		initial-value: #6c757d;
	}

@property --aegis-btn-link {
		syntax: "<color>";
		inherits: true;
		initial-value: transparent;
	}

@property --aegis-btn-link-hover {
		syntax: "<color>";
		inherits: true;
		initial-value: transparent;
	}

@property --aegis-btn-link-active {
		syntax: "<color>";
		inherits: true;
		initial-value: transparent;
	}

@property --aegis-btn-link-disabled {
		syntax: "<color>";
		inherits: true;
		initial-value: #6c757d;
	}

@property --aegis-link-color {
		syntax: "<color>";
		inherits: true;
		initial-value: LinkText;
	}

@property --aegis-scrollbar-color {
		syntax: "<color>";
		inherits: true;
		initial-value: #0d6efd;
	}

@property --aegis-scrollbar-track {
		syntax: "<color>";
		inherits: true;
		initial-value: #212529;
	}

@property --aegis-scrollbar-width {
		syntax: "<custom-ident>";
		inherits: true;
		initial-value: auto;
	}

@property --aegis-blink-speed {
		syntax: "<time>";
		inherits: true;
		initial-value: 200ms;
	}

@property --aegis-fast-speed {
		syntax: "<time>";
		inherits: true;
		initial-value: 400ms;
	}

@property --aegis-normal-speed {
		syntax: "<time>";
		inherits: true;
		initial-value: 600ms;
	}

@property --aegis-slow-speed {
		syntax: "<time>";
		inherits: true;
		initial-value: 800ms;
	}

@property --aegis-crawl-speed {
		syntax: "<time>";
		inherits: true;
		initial-value: 1200ms;
	}

@property --aegis-btn-disabled-opacity {
		syntax: "<number>";
		inherits: true;
		initial-value: 0.65;
	}

@property --aegis-btn-disabled-saturation {
		syntax: "<percentage>";
		inherits: true;
		initial-value: 50%;
	}

@property --aegis-btn-disabled-brightness {
		syntax: "<percentage>";
		inherits: true;
		initial-value: 90%;
	}