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