/* ── figma-theme-converter output ───────────────────────────────────────────── */
/* Theme:  Tango Violet Signal */
/* Source: tango-violet-signal.json */
/* Do not edit manually — re-run converter to regenerate */

:root {

	/* ── Border Radius ──────────────────────────────────────────────────────── */

	--bdr-rds: 1.5rem;
	--bdr-tl-rds: 1;
	--bdr-tr-rds: 1;
	--bdr-br-rds: 1;
	--bdr-bl-rds: 1;

	/* ── Card Border Radius ─────────────────────────────────────────────────── */

	--bdr-rds-crd: 2.5rem;
	--bdr-tl-rds-crd: 1;
	--bdr-tr-rds-crd: 1;
	--bdr-br-rds-crd: 1;
	--bdr-bl-rds-crd: 1;

	/* ── Card Box Shadow ────────────────────────────────────────────────────── */

	--bx-sdw-crd-x:   0rem;
	--bx-sdw-crd-y:   0rem;
	--bx-sdw-crd-blr: 0rem;
	--bx-sdw-crd-o:   0;

	/* ── Button V1 Padding ──────────────────────────────────────────────────── */

	--btn-v1-pd-t: 1.125rem;
	--btn-v1-pd-b: 1.125rem;
	--btn-v1-pd-l: 1.875rem;
	--btn-v1-pd-r: 1.875rem;
	--btn-v1-pd: var(--btn-v1-pd-t) var(--btn-v1-pd-r) var(--btn-v1-pd-b) var(--btn-v1-pd-l);

	/* ── Button V1 Border Radius ────────────────────────────────────────────── */

	--btn-v1-bdr-rds-tl: 1.5rem;
	--btn-v1-bdr-rds-tr: 1.5rem;
	--btn-v1-bdr-rds-br: 1.5rem;
	--btn-v1-bdr-rds-bl: 1.5rem;
	--btn-v1-bdr-rds: var(--btn-v1-bdr-rds-tl) var(--btn-v1-bdr-rds-tr) var(--btn-v1-bdr-rds-br) var(--btn-v1-bdr-rds-bl);

	/* ── Button V1 Box Shadow ───────────────────────────────────────────────── */

	--btn-v1-bx-sdw-x:   0rem;
	--btn-v1-bx-sdw-y:   0rem;
	--btn-v1-bx-sdw-blr: 0rem;
	--btn-v1-bx-sdw-o:   0;

	/* ── Button V1 Border (Alt Variant) ─────────────────────────────────────── */

	--btn-v1-bdr-w:   2px;
	--btn-v1-bdr-stl: solid;

	/* ── Button V2 Padding ──────────────────────────────────────────────────── */

	--btn-v2-pd-t: 1.125rem; /* { min: 0.5, max: 2, step: 0.1, friendly: 'Button V2 Padding Top'  } */
	--btn-v2-pd-b: 1.125rem; /* { min: 0.5, max: 2, step: 0.1, friendly: 'Button V2 Padding Bottom'  } */
	--btn-v2-pd-l: 1.875rem; /* { min: 0.5, max: 4, step: 0.1, friendly: 'Button V2 Padding Left'  } */
	--btn-v2-pd-r: 1.875rem; /* { min: 0.5, max: 4, step: 0.1, friendly: 'Button V2 Padding Right'  } */
	--btn-v2-pd: var(--btn-v2-pd-t) var(--btn-v2-pd-r) var(--btn-v2-pd-b) var(--btn-v2-pd-l); /* { readonly: true  } */

	/* ── Button V2 Border Radius ────────────────────────────────────────────── */

	--btn-v2-bdr-rds-tl: 3.125rem; /* { min: 0, max: 5, step: 0.1, friendly: 'Button V2 Border Radius Top Left'  } */
	--btn-v2-bdr-rds-tr: 3.125rem; /* { min: 0, max: 5, step: 0.1, friendly: 'Button V2 Border Radius Top Right'  } */
	--btn-v2-bdr-rds-br: 3.125rem; /* { min: 0, max: 5, step: 0.1, friendly: 'Button V2 Border Radius Bottom Right'  } */
	--btn-v2-bdr-rds-bl: 3.125rem; /* { min: 0, max: 5, step: 0.1, friendly: 'Button V2 Border Radius Bottom Left'  } */
	--btn-v2-bdr-rds: var(--btn-v2-bdr-rds-tl) var(--btn-v2-bdr-rds-tr) var(--btn-v2-bdr-rds-br) var(--btn-v2-bdr-rds-bl); /* { readonly: true  } */

	/* ── Button V2 Box Shadow ───────────────────────────────────────────────── */

	--btn-v2-bx-sdw-x: 0rem; /* { min: 0,  max: 2, step: 0.1, friendly: 'Button V2 Box Shadow \'X\' Position' } */
	--btn-v2-bx-sdw-y: 0.25rem; /* { min: 0,  max: 2, step: 0.05, friendly: 'Button V2 Box Shadow \'Y\' Position' } */
	--btn-v2-bx-sdw-blr: 0.875rem; /* { min: 0, max: 4, step: 0.1, friendly: 'Button V2 Box Shadow Blur' } */
	--btn-v2-bx-sdw-o: 0; /* { min: 0, max: 1, step: 0.05, friendly: 'Button V2 Box Shadow Opacity' } */

	--btn-v2-bdr-w: 2px; /* { min: 1, max: 3, step: 0.1, friendly: 'Button V2 Border Width'  } */
	--btn-v2-bdr-stl: solid; /* { friendly: 'Button V2 Border Style'  } */

	/* ── Flair (Shapes & Decorative) ────────────────────────────────────────── */

	--flr-img: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none'><path fill='black' d='M31.0544 0.0537093C28.5615 0.0537093 26.2083 0.601722 24.0805 1.56878C21.9207 0.569482 19.5352 0 16.9993 0C7.65071 0 0.0537087 7.60732 0.0537087 16.9456C0.0537087 19.4385 0.601722 21.7917 1.56878 23.9195C0.569482 26.0793 0 28.4648 0 31.0007C0 40.3493 7.60731 47.9463 16.9456 47.9463C19.4385 47.9463 21.7917 47.3983 23.9195 46.4312C26.0793 47.4305 28.4648 48 31.0007 48C40.3493 48 47.9463 40.3927 47.9463 31.0544C47.9463 28.5615 47.3983 26.2083 46.4312 24.0805C47.4305 21.9207 48 19.5352 48 16.9993C48 7.65071 40.3927 0.0537093 31.0544 0.0537093ZM31.0544 2.20277C39.2099 2.20277 45.8509 8.84331 45.8509 16.9993C45.8509 18.6218 45.5823 20.1799 45.088 21.652C42.5306 17.8266 38.4475 15.1188 33.7197 14.3452C32.989 9.60652 30.3026 5.51238 26.4989 2.9232C27.9388 2.46115 29.4641 2.20277 31.0544 2.20277ZM31.7958 16.9559C31.7958 18.5785 31.5272 20.1365 31.0329 21.6086C29.8187 19.7927 28.2607 18.2131 26.4447 16.9881C27.8846 16.5261 29.4104 16.2682 31.0007 16.2682C31.2585 16.2682 31.5057 16.2897 31.7636 16.3112C31.7636 16.5261 31.7958 16.7517 31.7958 16.9666L31.7958 16.9559ZM30.0014 24.0262C28.626 26.5513 26.5199 28.6359 23.984 29.9898C21.4589 28.6144 19.3743 26.5083 18.0204 23.9725C19.3958 21.4473 21.5018 19.3628 24.0377 18.0088C26.5629 19.3842 28.6474 21.4903 30.0014 24.0262ZM31.0115 14.1082C28.5186 14.1082 26.1653 14.6562 24.0375 15.6233C21.8777 14.624 19.4922 14.0545 16.9563 14.0545C16.8166 14.0545 16.6877 14.076 16.548 14.076C17.429 9.6919 20.2551 6.00652 24.07 3.95375C27.8738 6.0383 30.6676 9.73467 31.5164 14.1296C31.3445 14.1296 31.1726 14.1081 31.0006 14.1081L31.0115 14.1082ZM16.9563 16.2143C18.5788 16.2143 20.1369 16.4829 21.609 16.9772C19.793 18.1914 18.2135 19.7494 16.9885 21.5654C16.5264 20.1255 16.2685 18.5998 16.2685 17.0095C16.2685 16.7516 16.29 16.5044 16.3115 16.2465C16.5264 16.2465 16.7521 16.2143 16.967 16.2143L16.9563 16.2143ZM15.6239 23.9832C14.6246 26.143 14.0551 28.5285 14.0551 31.0644C14.0551 31.2041 14.0766 31.333 14.0766 31.4727C9.69252 30.5917 6.00714 27.7656 3.95437 23.9507C6.03892 20.1469 9.73529 17.3531 14.1302 16.5043C14.1302 16.6762 14.1087 16.8482 14.1087 17.0201C14.1087 19.513 14.6568 21.8662 15.6238 23.994L15.6239 23.9832ZM16.2149 31.0534C16.2149 29.4309 16.4835 27.8728 16.9778 26.4007C18.192 28.2167 19.75 29.7962 21.5661 31.0212C20.1262 31.4833 18.6004 31.7412 17.0101 31.7412C16.7522 31.7412 16.505 31.7197 16.2471 31.6982C16.2471 31.4833 16.2149 31.2576 16.2149 31.0427L16.2149 31.0534ZM16.9993 33.9009C19.4922 33.9009 21.8454 33.3529 23.9732 32.3858C26.133 33.3851 28.5185 33.9546 31.0544 33.9546C31.1941 33.9546 31.3231 33.9331 31.4627 33.9331C30.5817 38.3172 27.7556 42.0026 23.9407 44.0553C20.1369 41.9708 17.3431 38.2744 16.4943 33.8795C16.6662 33.8795 16.8382 33.901 17.0101 33.901L16.9993 33.9009ZM31.0544 31.8055C29.4319 31.8055 27.8738 31.5369 26.4017 31.0426C28.2177 29.8284 29.7972 28.2704 31.0222 26.4544C31.4843 27.8943 31.7422 29.4201 31.7422 31.0104C31.7422 31.2682 31.7207 31.5154 31.6992 31.7733C31.4843 31.7733 31.2587 31.8055 31.0438 31.8055L31.0544 31.8055ZM32.3868 24.0263C33.3861 21.8665 33.9556 19.481 33.9556 16.9451C33.9556 16.8054 33.9341 16.6765 33.9341 16.5368C38.3182 17.4178 42.0036 20.2439 44.0564 24.0588C41.9718 27.8626 38.2754 30.6564 33.8805 31.5052C33.8805 31.3333 33.902 31.1613 33.902 30.9894C33.902 28.4965 33.354 26.1433 32.3869 24.0155L32.3868 24.0263ZM2.20309 16.9561C2.20309 8.80068 8.84364 2.15958 16.9996 2.15958C18.6222 2.15958 20.1802 2.42821 21.6523 2.92251C17.827 5.47992 15.1192 9.56306 14.3455 14.2908C9.60685 15.0215 5.51271 17.7079 2.92353 21.5117C2.46148 20.0718 2.20309 18.5464 2.20309 16.9561ZM16.9563 45.8071C8.80087 45.8071 2.15977 39.1665 2.15977 31.0106C2.15977 29.388 2.4284 27.83 2.9227 26.3579C5.48011 30.1832 9.56325 32.891 14.291 33.6647C15.0217 38.4033 17.7081 42.4975 21.5119 45.0866C20.072 45.5487 18.5466 45.8071 16.9563 45.8071ZM45.8073 31.0539C45.8073 39.2093 39.1667 45.8504 31.0108 45.8504C29.3882 45.8504 27.8302 45.5818 26.3581 45.0875C30.1834 42.5301 32.8912 38.4469 33.6649 33.7191C38.4035 32.9885 42.4976 30.3021 45.0868 26.4983C45.5489 27.9382 45.8073 29.4636 45.8073 31.0539Z'/></svg>"); /* { friendly: 'Flair Mask Image (Data URI)', group: 'Shapes & Decorative' } */

}

.btm-deco {
	position: absolute;
	bottom: -1px;
	z-index: 0;
	width: 100%;

	svg {
		width: 100%;
		height: 18.722rem;
		display: block;
	}

	@media screen and (max-width: 1279px) {
		margin-top: 2rem;
	}
}

section:has(> .btm-deco) {
	&:has(+ section[data-colors="primary-light"])   { --shape-clr-1-dyn: var(--lt-bg); }
	&:has(+ section[data-colors="alternate-light"]) { --shape-clr-1-dyn: var(--lt-alt-bg); }
	&:has(+ section[data-colors="primary-dark"])    { --shape-clr-1-dyn: var(--dk-bg); }
	&:has(+ section[data-colors="alternate-dark"])  { --shape-clr-1-dyn: var(--dk-alt-bg); }
}

/* When the btm-deco panel is the last thing in <main>, its visual neighbor is
   the first section of <footer>. Must set the var directly on the section
   (the @scope rule in color-structure.css sets --shape-clr-1-dyn on the
   section element itself, so a value set on a parent like <form> would be
   shadowed). Two paired selectors handle "section is direct last-child of
   main" and "section is wrapped (e.g. in <form>) as main's last-child". */
main:has(+ footer section[data-colors="primary-light"]:first-of-type)   > section:last-child:has(> .btm-deco),
main:has(+ footer section[data-colors="primary-light"]:first-of-type)   > :last-child section:has(> .btm-deco)   { --shape-clr-1-dyn: var(--lt-bg); }
main:has(+ footer section[data-colors="alternate-light"]:first-of-type) > section:last-child:has(> .btm-deco),
main:has(+ footer section[data-colors="alternate-light"]:first-of-type) > :last-child section:has(> .btm-deco)   { --shape-clr-1-dyn: var(--lt-alt-bg); }
main:has(+ footer section[data-colors="primary-dark"]:first-of-type)    > section:last-child:has(> .btm-deco),
main:has(+ footer section[data-colors="primary-dark"]:first-of-type)    > :last-child section:has(> .btm-deco)   { --shape-clr-1-dyn: var(--dk-bg); }
main:has(+ footer section[data-colors="alternate-dark"]:first-of-type)  > section:last-child:has(> .btm-deco),
main:has(+ footer section[data-colors="alternate-dark"]:first-of-type)  > :last-child section:has(> .btm-deco)   { --shape-clr-1-dyn: var(--dk-alt-bg); }