/**
 * Chevron — az arculat alapmotívuma.
 *
 * A Figmában minden „nyíl” ugyanaz az egyenlő szárú háromszög
 * (viewBox 117.804 x 136.026, path: M117.804 0 L0 68.013 L117.804 136.026 Z),
 * csak más méretben, színben és tükrözve. Ezért nem exportálunk hozzá SVG-t:
 * clip-path + háttérszín adja, így bármilyen méretben éles marad.
 */

.chevron {
	display: block;
	aspect-ratio: 117.804 / 136.026;
	background: currentColor;
	clip-path: polygon(100% 0, 0 50%, 100% 100%);   /* balra mutat */
}

.chevron--right { clip-path: polygon(0 0, 100% 50%, 0 100%); }

.chevron--teal   { color: var(--color-teal); }
.chevron--green  { color: var(--color-green); }
.chevron--orange { color: var(--color-orange); }
.chevron--yellow { color: var(--color-yellow); }