$status-color-info: var(--a2-status-color-info, light-dark(var(--a2-color-blue-600, #0265dc), var(--a2-color-blue-300, #70b1ff)));
$status-color-danger: var(--a2-status-color-danger, light-dark(var(--a2-color-red-600, #d62100), var(--a2-color-red-400, #ff5b3d)));
$status-color-success: var(--a2-status-color-success, light-dark(var(--a2-color-green-600, #077e50), var(--a2-color-green-400, #0bd085)));
$status-color-warning: var(--a2-status-color-warning, light-dark(var(--a2-color-yellow-500, #ffbe00), var(--a2-color-yellow-300, #ffe278)));
$background-color-default: var(--a2-background-color-default, light-dark(var(--a2-color-neutral-0, #ffffff), var(--a2-color-neutral-900, #1a1a1a)));
$background-color-default-hover: var(--a2-background-color-default-hover, light-dark(var(--a2-color-neutral-20, #f9f9f9), var(--a2-color-neutral-800, #292929)));
$background-color-default-active: var(--a2-background-color-default-active, light-dark(var(--a2-color-neutral-40, #f1f1f1), var(--a2-color-neutral-700, #404040)));
$background-color-secondary: var(--a2-background-color-secondary, light-dark(color-mix(in srgb, var(--a2-color-neutral-950, #040404) 6%, transparent), color-mix(in srgb, var(--a2-color-neutral-0, #ffffff) 8%, transparent)));
$background-color-secondary-hover: var(--a2-background-color-secondary-hover, light-dark(color-mix(in srgb, var(--a2-color-neutral-950, #040404) 8%, transparent), color-mix(in srgb, var(--a2-color-neutral-0, #ffffff) 12%, transparent)));
$background-color-secondary-active: var(--a2-background-color-secondary-active, light-dark(color-mix(in srgb, var(--a2-color-neutral-950, #040404) 16%, transparent), color-mix(in srgb, var(--a2-color-neutral-0, #ffffff) 16%, transparent)));
$background-color-secondary-strong: var(--a2-background-color-secondary-strong, light-dark(color-mix(in srgb, var(--a2-color-neutral-950, #040404) 15%, transparent), color-mix(in srgb, var(--a2-color-neutral-0, #ffffff) 55%, transparent)));
$background-color-secondary-strong-hover: var(--a2-background-color-secondary-strong-hover, light-dark(color-mix(in srgb, var(--a2-color-neutral-950, #040404) 25%, transparent), color-mix(in srgb, var(--a2-color-neutral-0, #ffffff) 65%, transparent)));
$background-color-secondary-strong-active: var(--a2-background-color-secondary-strong-active, light-dark(color-mix(in srgb, var(--a2-color-neutral-950, #040404) 30%, transparent), color-mix(in srgb, var(--a2-color-neutral-0, #ffffff) 75%, transparent)));
$background-color-transparent-default: var(--a2-background-color-transparent-default, rgba(0, 0, 0, 0));
$background-color-transparent-default-hover: var(--a2-background-color-transparent-default-hover, light-dark(color-mix(in srgb, var(--a2-color-neutral-400, #8b8b8b) 8%, transparent), color-mix(in srgb, var(--a2-color-neutral-0, #ffffff) 8%, transparent)));
$background-color-transparent-default-active: var(--a2-background-color-transparent-default-active, light-dark(color-mix(in srgb, var(--a2-color-neutral-400, #8b8b8b) 16%, transparent), color-mix(in srgb, var(--a2-color-neutral-0, #ffffff) 16%, transparent)));
$background-color-transparent-primary: var(--a2-background-color-transparent-primary, rgba(0, 0, 0, 0));
$background-color-transparent-primary-hover: var(--a2-background-color-transparent-primary-hover, light-dark(color-mix(in srgb, var(--a2-color-blue-500, #1a82ff) 10%, transparent), color-mix(in srgb, var(--a2-color-blue-300, #70b1ff) 10%, transparent)));
$background-color-transparent-primary-active: var(--a2-background-color-transparent-primary-active, light-dark(color-mix(in srgb, var(--a2-color-blue-500, #1a82ff) 30%, transparent), color-mix(in srgb, var(--a2-color-blue-300, #70b1ff) 25%, transparent)));
$background-color-transparent-danger: var(--a2-background-color-transparent-danger, rgba(0, 0, 0, 0));
$background-color-transparent-danger-hover: var(--a2-background-color-transparent-danger-hover, light-dark(color-mix(in srgb, var(--a2-color-red-500, #ff3914) 10%, transparent), color-mix(in srgb, var(--a2-color-red-300, #ff8670) 10%, transparent)));
$background-color-transparent-danger-active: var(--a2-background-color-transparent-danger-active, light-dark(color-mix(in srgb, var(--a2-color-red-500, #ff3914) 30%, transparent), color-mix(in srgb, var(--a2-color-red-300, #ff8670) 25%, transparent)));
$background-color-strong: var(--a2-background-color-strong, light-dark(var(--a2-color-neutral-20, #f9f9f9), var(--a2-color-neutral-800, #292929)));
$background-color-strong-hover: var(--a2-background-color-strong-hover, light-dark(var(--a2-color-neutral-50, #eeeeee), var(--a2-color-neutral-700, #404040)));
$background-color-strong-active: var(--a2-background-color-strong-active, light-dark(var(--a2-color-neutral-70, #e8e8e8), var(--a2-color-neutral-600, #545454)));
$background-color-stronger: var(--a2-background-color-stronger, light-dark(var(--a2-color-neutral-50, #eeeeee), var(--a2-color-neutral-700, #404040)));
$background-color-stronger-hover: var(--a2-background-color-stronger-hover, light-dark(var(--a2-color-neutral-90, #e5e5e5), var(--a2-color-neutral-600, #545454)));
$background-color-stronger-active: var(--a2-background-color-stronger-active, light-dark(var(--a2-color-neutral-100, #dfdfdf), var(--a2-color-neutral-500, #707070)));
$background-color-strongest: var(--a2-background-color-strongest, light-dark(var(--a2-color-neutral-200, #c4c4c4), var(--a2-color-neutral-500, #707070)));
$background-color-strongest-hover: var(--a2-background-color-strongest-hover, light-dark(var(--a2-color-neutral-300, #a8a8a8), var(--a2-color-neutral-400, #8b8b8b)));
$background-color-strongest-active: var(--a2-background-color-strongest-active, light-dark(var(--a2-color-neutral-400, #8b8b8b), var(--a2-color-neutral-300, #a8a8a8)));
$background-color-primary: var(--a2-background-color-primary, var(--a2-status-color-info, light-dark(var(--a2-color-blue-600, #0265dc), var(--a2-color-blue-300, #70b1ff))));
$background-color-primary-hover: var(--a2-background-color-primary-hover, light-dark(var(--a2-color-blue-700, #1d4ca3), var(--a2-color-blue-200, #9ecaff)));
$background-color-primary-active: var(--a2-background-color-primary-active, light-dark(var(--a2-color-blue-800, #003472), var(--a2-color-blue-100, #cce3ff)));
$background-color-primary-subdued: var(--a2-background-color-primary-subdued, light-dark(var(--a2-color-blue-50, #e6f1ff), color-mix(in srgb, var(--a2-color-blue-300, #70b1ff) 20%, transparent)));
$background-color-primary-subdued-hover: var(--a2-background-color-primary-subdued-hover, light-dark(var(--a2-color-blue-100, #cce3ff), color-mix(in srgb, var(--a2-color-blue-300, #70b1ff) 30%, transparent)));
$background-color-primary-subdued-active: var(--a2-background-color-primary-subdued-active, light-dark(var(--a2-color-blue-200, #9ecaff), color-mix(in srgb, var(--a2-color-blue-300, #70b1ff) 40%, transparent)));
$background-color-primary-faint: var(--a2-background-color-primary-faint, light-dark(var(--a2-color-blue-10, #fafcff), var(--a2-color-blue-950, #000b19)));
$background-color-primary-faint-hover: var(--a2-background-color-primary-faint-hover, light-dark(var(--a2-color-blue-50, #e6f1ff), var(--a2-color-blue-800, #003472)));
$background-color-primary-faint-active: var(--a2-background-color-primary-faint-active, light-dark(var(--a2-color-blue-100, #cce3ff), var(--a2-color-blue-700, #1d4ca3)));
$background-color-success: var(--a2-background-color-success, var(--a2-status-color-success, light-dark(var(--a2-color-green-600, #077e50), var(--a2-color-green-400, #0bd085))));
$background-color-success-hover: var(--a2-background-color-success-hover, light-dark(var(--a2-color-green-700, #05613e), var(--a2-color-green-300, #3be3a2)));
$background-color-success-active: var(--a2-background-color-success-active, light-dark(var(--a2-color-green-800, #04482e), var(--a2-color-green-50, #d3fded)));
$background-color-success-subdued: var(--a2-background-color-success-subdued, light-dark(var(--a2-color-green-50, #d3fded), color-mix(in srgb, var(--a2-color-green-300, #3be3a2) 20%, transparent)));
$background-color-success-subdued-hover: var(--a2-background-color-success-subdued-hover, light-dark(var(--a2-color-green-100, #b8f5dd), color-mix(in srgb, var(--a2-color-green-300, #3be3a2) 30%, transparent)));
$background-color-success-subdued-active: var(--a2-background-color-success-subdued-active, light-dark(var(--a2-color-green-200, #70ebbc), color-mix(in srgb, var(--a2-color-green-300, #3be3a2) 40%, transparent)));
$background-color-success-faint: var(--a2-background-color-success-faint, light-dark(var(--a2-color-green-10, #f5fefb), var(--a2-color-green-950, #010f0a)));
$background-color-success-faint-hover: var(--a2-background-color-success-faint-hover, light-dark(var(--a2-color-green-50, #d3fded), var(--a2-color-green-800, #04482e)));
$background-color-success-faint-active: var(--a2-background-color-success-faint-active, light-dark(var(--a2-color-green-100, #b8f5dd), var(--a2-color-green-700, #05613e)));
$background-color-danger: var(--a2-background-color-danger, var(--a2-status-color-danger, light-dark(var(--a2-color-red-600, #d62100), var(--a2-color-red-400, #ff5b3d))));
$background-color-danger-hover: var(--a2-background-color-danger-hover, light-dark(var(--a2-color-red-700, #a31900), var(--a2-color-red-300, #ff8670)));
$background-color-danger-active: var(--a2-background-color-danger-active, light-dark(var(--a2-color-red-800, #731100), var(--a2-color-red-200, #ffac9e)));
$background-color-danger-subdued: var(--a2-background-color-danger-subdued, light-dark(var(--a2-color-red-50, #ffe9e5), color-mix(in srgb, var(--a2-color-red-300, #ff8670) 20%, transparent)));
$background-color-danger-subdued-hover: var(--a2-background-color-danger-subdued-hover, light-dark(var(--a2-color-red-100, #ffd4cc), color-mix(in srgb, var(--a2-color-red-300, #ff8670) 30%, transparent)));
$background-color-danger-subdued-active: var(--a2-background-color-danger-subdued-active, light-dark(var(--a2-color-red-200, #ffac9e), color-mix(in srgb, var(--a2-color-red-300, #ff8670) 40%, transparent)));
$background-color-danger-faint: var(--a2-background-color-danger-faint, light-dark(var(--a2-color-red-10, #fffbfa), var(--a2-color-red-950, #0a0200)));
$background-color-danger-faint-hover: var(--a2-background-color-danger-faint-hover, light-dark(var(--a2-color-red-50, #ffe9e5), var(--a2-color-red-800, #731100)));
$background-color-danger-faint-active: var(--a2-background-color-danger-faint-active, light-dark(var(--a2-color-red-100, #ffd4cc), var(--a2-color-red-700, #a31900)));
$background-color-warning: var(--a2-background-color-warning, var(--a2-status-color-warning, light-dark(var(--a2-color-yellow-500, #ffbe00), var(--a2-color-yellow-300, #ffe278))));
$background-color-warning-hover: var(--a2-background-color-warning-hover, light-dark(var(--a2-color-yellow-600, #de9500), var(--a2-color-yellow-100, #fff9e2)));
$background-color-warning-active: var(--a2-background-color-warning-active, light-dark(var(--a2-color-yellow-600, #de9500), var(--a2-color-yellow-100, #fff9e2)));
$background-color-warning-subdued: var(--a2-background-color-warning-subdued, light-dark(var(--a2-color-yellow-100, #fff9e2), color-mix(in srgb, var(--a2-color-yellow-400, #ffc902) 20%, transparent)));
$background-color-warning-subdued-hover: var(--a2-background-color-warning-subdued-hover, light-dark(var(--a2-color-yellow-200, #fff0b1), color-mix(in srgb, var(--a2-color-yellow-400, #ffc902) 30%, transparent)));
$background-color-warning-subdued-active: var(--a2-background-color-warning-subdued-active, light-dark(var(--a2-color-yellow-300, #ffe278), color-mix(in srgb, var(--a2-color-yellow-400, #ffc902) 40%, transparent)));
$background-color-warning-faint: var(--a2-background-color-warning-faint, light-dark(var(--a2-color-yellow-10, #fffef8), var(--a2-color-yellow-950, #191100)));
$background-color-warning-faint-hover: var(--a2-background-color-warning-faint-hover, light-dark(var(--a2-color-yellow-50, #fffcf0), var(--a2-color-yellow-800, #704b00)));
$background-color-warning-faint-active: var(--a2-background-color-warning-faint-active, light-dark(var(--a2-color-yellow-100, #fff9e2), var(--a2-color-yellow-700, #c98600)));
$background-color-disabled: var(--a2-background-color-disabled, light-dark(var(--a2-color-neutral-600, #545454), var(--a2-color-neutral-500, #707070)));
$background-color-inverted: var(--a2-background-color-inverted, light-dark(var(--a2-color-neutral-800, #292929), var(--a2-color-neutral-20, #f9f9f9)));
$background-color-inverted-hover: var(--a2-background-color-inverted-hover, light-dark(var(--a2-color-neutral-800, #292929), var(--a2-color-neutral-20, #f9f9f9)));
$background-color-inverted-active: var(--a2-background-color-inverted-active, light-dark(var(--a2-color-neutral-800, #292929), var(--a2-color-neutral-20, #f9f9f9)));
$background-color-inverted-strong: var(--a2-background-color-inverted-strong, light-dark(var(--a2-color-neutral-900, #1a1a1a), var(--a2-color-neutral-0, #ffffff)));
$background-color-inverted-strong-hover: var(--a2-background-color-inverted-strong-hover, light-dark(var(--a2-color-neutral-900, #1a1a1a), var(--a2-color-neutral-0, #ffffff)));
$background-color-inverted-strong-active: var(--a2-background-color-inverted-strong-active, light-dark(var(--a2-color-neutral-900, #1a1a1a), var(--a2-color-neutral-0, #ffffff)));
$border-radius-none: var(--a2-border-radius-none, var(--a2-radius-0, 0rem));
$border-radius-small: var(--a2-border-radius-small, var(--a2-radius-1, 0.1875rem));
$border-radius-medium: var(--a2-border-radius-medium, var(--a2-radius-2, 0.375rem));
$border-radius-large: var(--a2-border-radius-large, var(--a2-radius-4, 0.75rem));
$border-radius-xlarge: var(--a2-border-radius-xlarge, var(--a2-radius-8, 1.5rem));
$border-radius-circular: var(--a2-border-radius-circular, 100%);
$border-width-none: var(--a2-border-width-none, var(--a2-size-0, 0rem));
$border-width-default: var(--a2-border-width-default, var(--a2-size-quarter, 0.0625rem));
$border-width-strong: var(--a2-border-width-strong, var(--a2-size-half, 0.125rem));
$border-color-default: var(--a2-border-color-default, light-dark(var(--a2-color-neutral-400, #8b8b8b), var(--a2-color-neutral-600, #545454)));
$border-color-subdued: var(--a2-border-color-subdued, light-dark(var(--a2-color-neutral-80, #e6e6e6), var(--a2-color-neutral-700, #404040)));
$border-color-strong: var(--a2-border-color-strong, light-dark(var(--a2-color-neutral-700, #404040), var(--a2-color-neutral-80, #e6e6e6)));
$border-color-primary: var(--a2-border-color-primary, light-dark(var(--a2-color-blue-600, #0265dc), var(--a2-color-blue-200, #9ecaff)));
$border-color-success: var(--a2-border-color-success, light-dark(var(--a2-color-green-600, #077e50), var(--a2-color-green-200, #70ebbc)));
$border-color-warning: var(--a2-border-color-warning, light-dark(var(--a2-color-yellow-700, #c98600), var(--a2-color-yellow-200, #fff0b1)));
$border-color-danger: var(--a2-border-color-danger, light-dark(var(--a2-color-red-600, #d62100), var(--a2-color-red-200, #ffac9e)));
$chart-monochrome-01-fill-color: var(--a2-chart-monochrome-01-fill-color, light-dark(#3892f3, #8AC3FF));
$chart-monochrome-01-fill-pattern: var(--a2-chart-monochrome-01-fill-pattern, solid);
$chart-monochrome-01-stroke-color: var(--a2-chart-monochrome-01-stroke-color, rgba(0, 0, 0, 0));
$chart-monochrome-01-stroke-style: var(--a2-chart-monochrome-01-stroke-style, solid);
$chart-monochrome-02-fill-color: var(--a2-chart-monochrome-02-fill-color, light-dark(#08389c, #3476FF));
$chart-monochrome-02-fill-pattern: var(--a2-chart-monochrome-02-fill-pattern, solid);
$chart-monochrome-02-stroke-color: var(--a2-chart-monochrome-02-stroke-color, rgba(0, 0, 0, 0));
$chart-monochrome-02-stroke-style: var(--a2-chart-monochrome-02-stroke-style, solid);
$chart-monochrome-03-fill-color: var(--a2-chart-monochrome-03-fill-color, light-dark(#f2f9ff, #141414));
$chart-monochrome-03-fill-pattern: var(--a2-chart-monochrome-03-fill-pattern, striped);
$chart-monochrome-03-stroke-color: var(--a2-chart-monochrome-03-stroke-color, light-dark(#3892f3, #8AC3FF));
$chart-monochrome-03-stroke-style: var(--a2-chart-monochrome-03-stroke-style, solid);
$chart-monochrome-04-fill-color: var(--a2-chart-monochrome-04-fill-color, #f2f9ff);
$chart-monochrome-04-fill-pattern: var(--a2-chart-monochrome-04-fill-pattern, solid);
$chart-monochrome-04-stroke-color: var(--a2-chart-monochrome-04-stroke-color, light-dark(#3892f3, #8AC3FF));
$chart-monochrome-04-stroke-style: var(--a2-chart-monochrome-04-stroke-style, solid);
$chart-categorical-10-fill-color: var(--a2-chart-categorical-10-fill-color, light-dark(#d57a5c, #D99078));
$chart-categorical-10-fill-pattern: var(--a2-chart-categorical-10-fill-pattern, solid);
$chart-categorical-10-stroke-color: var(--a2-chart-categorical-10-stroke-color, rgba(0, 0, 0, 0));
$chart-categorical-10-stroke-style: var(--a2-chart-categorical-10-stroke-style, solid);
$chart-categorical-01-fill-color: var(--a2-chart-categorical-01-fill-color, #3892f3);
$chart-categorical-01-fill-pattern: var(--a2-chart-categorical-01-fill-pattern, solid);
$chart-categorical-01-stroke-color: var(--a2-chart-categorical-01-stroke-color, rgba(0, 0, 0, 0));
$chart-categorical-01-stroke-style: var(--a2-chart-categorical-01-stroke-style, solid);
$chart-categorical-02-fill-color: var(--a2-chart-categorical-02-fill-color, light-dark(#08389c, #3476FF));
$chart-categorical-02-fill-pattern: var(--a2-chart-categorical-02-fill-pattern, solid);
$chart-categorical-02-stroke-color: var(--a2-chart-categorical-02-stroke-color, rgba(0, 0, 0, 0));
$chart-categorical-02-stroke-style: var(--a2-chart-categorical-02-stroke-style, solid);
$chart-categorical-03-fill-color: var(--a2-chart-categorical-03-fill-color, light-dark(#0fa2b8, #C6F6FF));
$chart-categorical-03-fill-pattern: var(--a2-chart-categorical-03-fill-pattern, solid);
$chart-categorical-03-stroke-color: var(--a2-chart-categorical-03-stroke-color, rgba(0, 0, 0, 0));
$chart-categorical-03-stroke-style: var(--a2-chart-categorical-03-stroke-style, solid);
$chart-categorical-04-fill-color: var(--a2-chart-categorical-04-fill-color, light-dark(#907af5, #C6B8F4));
$chart-categorical-04-fill-pattern: var(--a2-chart-categorical-04-fill-pattern, solid);
$chart-categorical-04-stroke-color: var(--a2-chart-categorical-04-stroke-color, rgba(0, 0, 0, 0));
$chart-categorical-04-stroke-style: var(--a2-chart-categorical-04-stroke-style, solid);
$chart-categorical-05-fill-color: var(--a2-chart-categorical-05-fill-color, light-dark(#de52ce, #D949A9));
$chart-categorical-05-fill-pattern: var(--a2-chart-categorical-05-fill-pattern, solid);
$chart-categorical-05-stroke-color: var(--a2-chart-categorical-05-stroke-color, rgba(0, 0, 0, 0));
$chart-categorical-05-stroke-style: var(--a2-chart-categorical-05-stroke-style, solid);
$chart-categorical-06-fill-color: var(--a2-chart-categorical-06-fill-color, light-dark(#c2185b, #ED1369));
$chart-categorical-06-fill-pattern: var(--a2-chart-categorical-06-fill-pattern, solid);
$chart-categorical-06-stroke-color: var(--a2-chart-categorical-06-stroke-color, rgba(0, 0, 0, 0));
$chart-categorical-06-stroke-style: var(--a2-chart-categorical-06-stroke-style, solid);
$chart-categorical-07-fill-color: var(--a2-chart-categorical-07-fill-color, light-dark(#759e15, #8CC30B));
$chart-categorical-07-fill-pattern: var(--a2-chart-categorical-07-fill-pattern, solid);
$chart-categorical-07-stroke-color: var(--a2-chart-categorical-07-stroke-color, rgba(0, 0, 0, 0));
$chart-categorical-07-stroke-style: var(--a2-chart-categorical-07-stroke-style, solid);
$chart-categorical-08-fill-color: var(--a2-chart-categorical-08-fill-color, light-dark(#ac6400, #B36800));
$chart-categorical-08-fill-pattern: var(--a2-chart-categorical-08-fill-pattern, solid);
$chart-categorical-08-stroke-color: var(--a2-chart-categorical-08-stroke-color, rgba(0, 0, 0, 0));
$chart-categorical-08-stroke-style: var(--a2-chart-categorical-08-stroke-style, solid);
$chart-categorical-09-fill-color: var(--a2-chart-categorical-09-fill-color, light-dark(#eb7200, #FFA037));
$chart-categorical-09-fill-pattern: var(--a2-chart-categorical-09-fill-pattern, solid);
$chart-categorical-09-stroke-color: var(--a2-chart-categorical-09-stroke-color, rgba(0, 0, 0, 0));
$chart-categorical-09-stroke-style: var(--a2-chart-categorical-09-stroke-style, solid);
$chart-status-success-fill-color: var(--a2-chart-status-success-fill-color, light-dark(#007a4d, #49CC93));
$chart-status-success-fill-pattern: var(--a2-chart-status-success-fill-pattern, solid);
$chart-status-success-stroke-color: var(--a2-chart-status-success-stroke-color, rgba(0, 0, 0, 0));
$chart-status-success-stroke-style: var(--a2-chart-status-success-stroke-style, solid);
$chart-status-warning-fill-color: var(--a2-chart-status-warning-fill-color, light-dark(#ffbe00, #ffe278));
$chart-status-warning-fill-pattern: var(--a2-chart-status-warning-fill-pattern, solid);
$chart-status-warning-stroke-color: var(--a2-chart-status-warning-stroke-color, rgba(0, 0, 0, 0));
$chart-status-warning-stroke-style: var(--a2-chart-status-warning-stroke-style, solid);
$chart-status-danger-fill-color: var(--a2-chart-status-danger-fill-color, light-dark(#e13212, #ff745f));
$chart-status-danger-fill-pattern: var(--a2-chart-status-danger-fill-pattern, solid);
$chart-status-danger-stroke-color: var(--a2-chart-status-danger-stroke-color, rgba(0, 0, 0, 0));
$chart-status-danger-stroke-style: var(--a2-chart-status-danger-stroke-style, solid);
$chart-status-neutral-fill-color: var(--a2-chart-status-neutral-fill-color, light-dark(#ffffff, #141414));
$chart-status-neutral-stroke-color: var(--a2-chart-status-neutral-stroke-color, light-dark(#8c9ca5, #B4C1C8));
$chart-status-neutral-stroke-style: var(--a2-chart-status-neutral-stroke-style, solid);
$focus-ring-color-default: var(--a2-focus-ring-color-default, var(--a2-status-color-info, light-dark(var(--a2-color-blue-600, #0265dc), var(--a2-color-blue-300, #70b1ff))));
$focus-ring-color-danger: var(--a2-focus-ring-color-danger, var(--a2-status-color-danger, light-dark(var(--a2-color-red-600, #d62100), var(--a2-color-red-400, #ff5b3d))));
$focus-ring-width: var(--a2-focus-ring-width, var(--a2-size-1, 0.25rem));
$focus-ring-style: var(--a2-focus-ring-style, solid);
$foreground-color-default: var(--a2-foreground-color-default, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff)));
$foreground-color-default-hover: var(--a2-foreground-color-default-hover, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff)));
$foreground-color-default-active: var(--a2-foreground-color-default-active, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff)));
$foreground-color-subdued: var(--a2-foreground-color-subdued, light-dark(var(--a2-color-neutral-500, #707070), var(--a2-color-neutral-200, #c4c4c4)));
$foreground-color-subdued-hover: var(--a2-foreground-color-subdued-hover, light-dark(var(--a2-color-neutral-500, #707070), var(--a2-color-neutral-200, #c4c4c4)));
$foreground-color-subdued-active: var(--a2-foreground-color-subdued-active, light-dark(var(--a2-color-neutral-600, #545454), var(--a2-color-neutral-100, #dfdfdf)));
$foreground-color-primary: var(--a2-foreground-color-primary, light-dark(var(--a2-color-blue-600, #0265dc), var(--a2-color-blue-300, #70b1ff)));
$foreground-color-primary-hover: var(--a2-foreground-color-primary-hover, light-dark(var(--a2-color-blue-700, #1d4ca3), var(--a2-color-blue-200, #9ecaff)));
$foreground-color-primary-active: var(--a2-foreground-color-primary-active, light-dark(var(--a2-color-blue-800, #003472), var(--a2-color-blue-200, #9ecaff)));
$foreground-color-danger: var(--a2-foreground-color-danger, light-dark(var(--a2-color-red-600, #d62100), var(--a2-color-red-400, #ff5b3d)));
$foreground-color-danger-hover: var(--a2-foreground-color-danger-hover, light-dark(var(--a2-color-red-700, #a31900), var(--a2-color-red-300, #ff8670)));
$foreground-color-danger-active: var(--a2-foreground-color-danger-active, light-dark(var(--a2-color-red-800, #731100), var(--a2-color-red-200, #ffac9e)));
$foreground-color-inverted: var(--a2-foreground-color-inverted, light-dark(var(--a2-color-neutral-0, #ffffff), var(--a2-color-neutral-900, #1a1a1a)));
$foreground-color-on-primary: var(--a2-foreground-color-on-primary, light-dark(var(--a2-color-neutral-0, #ffffff), var(--a2-color-neutral-900, #1a1a1a)));
$foreground-color-on-primary-hover: var(--a2-foreground-color-on-primary-hover, light-dark(var(--a2-color-neutral-0, #ffffff), var(--a2-color-neutral-900, #1a1a1a)));
$foreground-color-on-primary-active: var(--a2-foreground-color-on-primary-active, light-dark(var(--a2-color-neutral-0, #ffffff), var(--a2-color-neutral-900, #1a1a1a)));
$foreground-color-on-success: var(--a2-foreground-color-on-success, light-dark(var(--a2-color-neutral-0, #ffffff), var(--a2-color-neutral-900, #1a1a1a)));
$foreground-color-on-danger: var(--a2-foreground-color-on-danger, light-dark(var(--a2-color-neutral-0, #ffffff), var(--a2-color-neutral-900, #1a1a1a)));
$foreground-color-on-danger-subdued: var(--a2-foreground-color-on-danger-subdued, light-dark(var(--a2-color-red-700, #a31900), var(--a2-color-neutral-0, #ffffff)));
$foreground-color-on-danger-subdued-hover: var(--a2-foreground-color-on-danger-subdued-hover, light-dark(var(--a2-color-red-800, #731100), var(--a2-color-neutral-0, #ffffff)));
$foreground-color-on-danger-subdued-active: var(--a2-foreground-color-on-danger-subdued-active, light-dark(var(--a2-color-red-900, #470b00), var(--a2-color-neutral-0, #ffffff)));
$foreground-color-on-danger-hover: var(--a2-foreground-color-on-danger-hover, light-dark(var(--a2-color-neutral-0, #ffffff), var(--a2-color-neutral-900, #1a1a1a)));
$foreground-color-on-danger-active: var(--a2-foreground-color-on-danger-active, light-dark(var(--a2-color-neutral-0, #ffffff), var(--a2-color-neutral-900, #1a1a1a)));
$foreground-color-on-warning: var(--a2-foreground-color-on-warning, var(--a2-color-neutral-900, #1a1a1a));
$gradient-primary: var(--a2-gradient-primary, light-dark(linear-gradient(90deg, var(--a2-color-blue-600, #0265dc) 0%, var(--a2-color-cyan-300, #45d8f2) 100%), linear-gradient(90deg, var(--a2-color-cyan-300, #45d8f2) 0%, var(--a2-color-cyan-50, #daf7fc) 100%)));
$opacity-disabled: var(--a2-opacity-disabled, 0.6);
$opacity-disabled-strong: var(--a2-opacity-disabled-strong, 0.4);
$opacity-disabled-stronger: var(--a2-opacity-disabled-stronger, 0.2);
$shadow-color-default: var(--a2-shadow-color-default, light-dark(color-mix(in srgb, var(--a2-color-neutral-900, #1a1a1a) 8%, transparent), color-mix(in srgb, var(--a2-color-neutral-0, #ffffff) 8%, transparent)));
$shadow-color-strong: var(--a2-shadow-color-strong, light-dark(color-mix(in srgb, var(--a2-color-neutral-950, #040404) 24%, transparent), color-mix(in srgb, var(--a2-color-neutral-0, #ffffff) 24%, transparent)));
$shadow-size-flat: var(--a2-shadow-size-flat, var(--a2-size-0, 0rem) var(--a2-size-0, 0rem) var(--a2-size-0, 0rem));
$shadow-size-float: var(--a2-shadow-size-float, var(--a2-size-0, 0rem) var(--a2-size-half, 0.125rem) var(--a2-size-2, 0.5rem));
$shadow-size-overlay: var(--a2-shadow-size-overlay, var(--a2-size-0, 0rem) var(--a2-size-2, 0.5rem) var(--a2-size-6, 1.5rem));
$typography-paragraph-size-xsmall: var(--a2-typography-paragraph-size-xsmall, var(--a2-font-size-200, 0.75rem));
$typography-paragraph-size-small: var(--a2-typography-paragraph-size-small, var(--a2-font-size-300, 0.875rem));
$typography-paragraph-size-default: var(--a2-typography-paragraph-size-default, var(--a2-font-size-400, 1rem));
$typography-paragraph-size-large: var(--a2-typography-paragraph-size-large, var(--a2-font-size-500, 1.25rem));
$typography-paragraph-size-xlarge: var(--a2-typography-paragraph-size-xlarge, var(--a2-font-size-600, 1.5rem));
$typography-paragraph-font-weight: var(--a2-typography-paragraph-font-weight, var(--a2-font-weight-normal, 400));
$typography-paragraph-font-family: var(--a2-typography-paragraph-font-family, var(--a2-font-family-base, 'Nunito Sans', sans-serif));
$typography-heading-size-xsmall: var(--a2-typography-heading-size-xsmall, var(--a2-font-size-300, 0.875rem));
$typography-heading-size-small: var(--a2-typography-heading-size-small, var(--a2-font-size-400, 1rem));
$typography-heading-size-default: var(--a2-typography-heading-size-default, var(--a2-font-size-500, 1.25rem));
$typography-heading-size-large: var(--a2-typography-heading-size-large, var(--a2-font-size-600, 1.5rem));
$typography-heading-size-xlarge: var(--a2-typography-heading-size-xlarge, var(--a2-font-size-800, 2rem));
$typography-heading-font-weight: var(--a2-typography-heading-font-weight, var(--a2-font-weight-bold, 700));
$typography-heading-font-family: var(--a2-typography-heading-font-family, var(--a2-font-family-display, 'Sofia Pro', SofiaPro, sans-serif));
$typography-label-size-xsmall: var(--a2-typography-label-size-xsmall, var(--a2-font-size-100, 0.625rem));
$typography-label-size-small: var(--a2-typography-label-size-small, var(--a2-font-size-200, 0.75rem));
$typography-label-size-default: var(--a2-typography-label-size-default, var(--a2-font-size-300, 0.875rem));
$typography-label-size-large: var(--a2-typography-label-size-large, var(--a2-font-size-400, 1rem));
$typography-label-size-xlarge: var(--a2-typography-label-size-xlarge, var(--a2-font-size-500, 1.25rem));
$typography-label-font-weight: var(--a2-typography-label-font-weight, var(--a2-font-weight-semibold, 600));
$typography-label-font-family: var(--a2-typography-label-font-family, var(--a2-font-family-base, 'Nunito Sans', sans-serif));