// Component settings: Data
// ------------------------------------------

$c-data: (
  'color':			palette(neutral, 800),
  'color-alt':		palette(neutral, 500),
  'bgcolor-hover':	scale-color(palette(secondary), $lightness: -20%),
);

// ------------------------------------------

.c-data {
	margin: space(1) 0;
}

.c-data__line {
	display: flex;
}

.c-data__label {
	min-width: space(8);
	font-weight: bold;
	color: map-get($c-data, 'color');
}

.c-data__value {
    color: map-get($c-data, 'color-alt');
	text-decoration: none;

	&[href] {
		@include disableOutlineForMouse;

		&:hover {
			text-decoration: underline;
		}
		&:focus {
			outline-color: currentColor;
			outline-style: solid;
			outline-offset: 1px;
			outline-width: 2px;
		}
	}
}