File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
// ⚠️ 이 파일은 Figma Design Tokens export에서 **자동 생성**되었습니다.
// 원본: light.tokens.json / dark.tokens.json
// 손으로 고치지 말고 원본 JSON을 다시 export한 뒤 변환기를 재실행하세요.
// 시맨틱 색상 — 라이트/다크 값을 `light-dark()` 한 줄에 함께 보유한다.
// 전환은 `_root.scss`의 `color-scheme`이 담당하므로 다크 전용 블록이 없고,
// 따라서 한쪽만 고쳐서 생기는 테마 불일치가 구조적으로 불가능하다.
//
// 값이 `var(--fox-primitive-*)` / `var(--fox-theme-*)`인 항목은 Figma의 alias를
// 그대로 옮긴 것이다 — 바닥층을 바꾸면 여기까지 전파된다.
$color: (
background-default: light-dark(var(--fox-primitive-neutral-0), var(--fox-primitive-neutral-100)),
background-neutral: light-dark(var(--fox-primitive-neutral-5), var(--fox-primitive-neutral-95)),
background-neutral-strong: light-dark(var(--fox-primitive-neutral-10), var(--fox-primitive-neutral-90)),
background-primary: light-dark(var(--fox-theme-primary-5), var(--fox-theme-primary-95)),
background-secondary: light-dark(var(--fox-theme-secondary-5), var(--fox-theme-secondary-95)),
background-accent: light-dark(var(--fox-theme-accent-5), var(--fox-theme-accent-95)),
background-dim: light-dark(var(--fox-primitive-alpha-black50), var(--fox-primitive-alpha-black75)),
background-dim-inverse: light-dark(var(--fox-primitive-alpha-white50), var(--fox-primitive-alpha-black75)),
surface-neutral-default: light-dark(var(--fox-primitive-neutral-0), var(--fox-primitive-neutral-95)),
surface-neutral-default-strong: light-dark(var(--fox-primitive-neutral-0), var(--fox-primitive-neutral-90)),
surface-neutral-default-static: light-dark(var(--fox-primitive-neutral-0), var(--fox-primitive-neutral-0)),
surface-neutral-default-inverse: light-dark(var(--fox-primitive-neutral-90), var(--fox-primitive-neutral-10)),
surface-neutral-default-inverse-static: light-dark(var(--fox-primitive-neutral-90), var(--fox-primitive-neutral-90)),
surface-neutral-gray: light-dark(var(--fox-primitive-neutral-5), var(--fox-primitive-neutral-90)),
surface-neutral-gray-strong: light-dark(var(--fox-primitive-neutral-10), var(--fox-primitive-neutral-80)),
surface-neutral-gray-stronger: light-dark(var(--fox-primitive-neutral-20), var(--fox-primitive-neutral-70)),
surface-neutral-gray-inverse: light-dark(var(--fox-primitive-neutral-80), var(--fox-primitive-neutral-20)),
surface-neutral-gray-strong-inverse: light-dark(var(--fox-primitive-neutral-70), var(--fox-primitive-neutral-30)),
surface-neutral-gray-stronger-inverse: light-dark(var(--fox-primitive-neutral-60), var(--fox-primitive-neutral-40)),
surface-neutral-disabled: light-dark(var(--fox-primitive-neutral-20), var(--fox-primitive-neutral-70)),
surface-theme-primary: light-dark(var(--fox-theme-primary-5), var(--fox-theme-primary-95)),
surface-theme-primary-inverse: light-dark(var(--fox-theme-primary-60), var(--fox-theme-primary-40)),
surface-theme-secondary: light-dark(var(--fox-theme-secondary-5), var(--fox-theme-secondary-95)),
surface-theme-secondary-inverse: light-dark(var(--fox-theme-secondary-60), var(--fox-theme-secondary-40)),
surface-theme-accent: light-dark(var(--fox-theme-accent-5), var(--fox-theme-accent-95)),
surface-theme-accent-inverse: light-dark(var(--fox-theme-accent-60), var(--fox-theme-accent-40)),
surface-system-danger: light-dark(var(--fox-primitive-danger-5), var(--fox-primitive-danger-95)),
surface-system-danger-inverse: light-dark(var(--fox-primitive-danger-60), var(--fox-primitive-danger-40)),
surface-system-warning: light-dark(var(--fox-primitive-warning-5), var(--fox-primitive-warning-95)),
surface-system-warning-inverse: light-dark(var(--fox-primitive-warning-60), var(--fox-primitive-warning-40)),
surface-system-success: light-dark(var(--fox-primitive-success-5), var(--fox-primitive-success-95)),
surface-system-success-inverse: light-dark(var(--fox-primitive-success-60), var(--fox-primitive-success-40)),
surface-system-information: light-dark(var(--fox-primitive-information-5), var(--fox-primitive-information-95)),
surface-system-information-inverse: light-dark(var(--fox-primitive-information-60), var(--fox-primitive-information-40)),
border-neutral-default: light-dark(var(--fox-primitive-neutral-30), var(--fox-primitive-neutral-70)),
border-neutral-subtle: light-dark(var(--fox-primitive-neutral-20), var(--fox-primitive-neutral-80)),
border-neutral-subtler: light-dark(var(--fox-primitive-neutral-10), var(--fox-primitive-neutral-90)),
border-neutral-strong: light-dark(var(--fox-primitive-neutral-90), var(--fox-primitive-neutral-0)),
border-neutral-disabled: light-dark(var(--fox-primitive-neutral-30), var(--fox-primitive-neutral-70)),
border-neutral-overlay: light-dark(var(--fox-primitive-alpha-black10), var(--fox-primitive-alpha-white25)),
border-theme-primary: light-dark(var(--fox-theme-primary-50), var(--fox-theme-primary-50)),
border-theme-primary-inverse: light-dark(var(--fox-theme-primary-10), var(--fox-theme-primary-90)),
border-theme-secondary: light-dark(var(--fox-theme-secondary-60), var(--fox-theme-secondary-40)),
border-theme-secondary-inverse: light-dark(var(--fox-theme-secondary-10), var(--fox-theme-secondary-90)),
border-theme-accent: light-dark(var(--fox-theme-accent-50), var(--fox-theme-accent-50)),
border-theme-accent-inverse: light-dark(var(--fox-theme-accent-10), var(--fox-theme-accent-90)),
border-system-danger: light-dark(var(--fox-primitive-danger-50), var(--fox-primitive-danger-50)),
border-system-danger-inverse: light-dark(var(--fox-primitive-danger-10), var(--fox-primitive-danger-90)),
border-system-warning: light-dark(var(--fox-primitive-warning-50), var(--fox-primitive-warning-50)),
border-system-warning-inverse: light-dark(var(--fox-primitive-warning-10), var(--fox-primitive-warning-90)),
border-system-success: light-dark(var(--fox-primitive-success-50), var(--fox-primitive-success-50)),
border-system-success-inverse: light-dark(var(--fox-primitive-success-10), var(--fox-primitive-success-90)),
border-system-information: light-dark(var(--fox-primitive-information-50), var(--fox-primitive-information-50)),
border-system-information-inverse: light-dark(var(--fox-primitive-information-10), var(--fox-primitive-information-90)),
font-neutral-strong: light-dark(var(--fox-primitive-neutral-90), var(--fox-primitive-neutral-5)),
font-neutral-default: light-dark(var(--fox-primitive-neutral-70), var(--fox-primitive-neutral-20)),
font-neutral-subtle: light-dark(var(--fox-primitive-neutral-50), var(--fox-primitive-neutral-30)),
font-neutral-subtler: light-dark(var(--fox-primitive-neutral-40), var(--fox-primitive-neutral-40)),
font-neutral-strong-inverse: light-dark(var(--fox-primitive-alpha-white100), var(--fox-primitive-neutral-95)),
font-neutral-default-inverse: light-dark(var(--fox-primitive-alpha-white75), var(--fox-primitive-neutral-90)),
font-neutral-subtle-inverse: light-dark(var(--fox-primitive-alpha-white50), var(--fox-primitive-neutral-80)),
font-neutral-subtler-inverse: light-dark(var(--fox-primitive-alpha-white25), var(--fox-primitive-neutral-70)),
font-neutral-static: light-dark(var(--fox-primitive-neutral-90), var(--fox-primitive-neutral-90)),
font-neutral-static-inverse: light-dark(var(--fox-primitive-neutral-0), var(--fox-primitive-neutral-0)),
font-neutral-disabled: light-dark(var(--fox-primitive-neutral-40), var(--fox-primitive-neutral-60)),
font-neutral-disabled-strong: light-dark(var(--fox-primitive-neutral-50), var(--fox-primitive-neutral-50)),
font-theme-primary: light-dark(var(--fox-theme-primary-60), var(--fox-theme-primary-20)),
font-theme-primary-inverse: light-dark(var(--fox-theme-primary-10), var(--fox-theme-primary-70)),
font-theme-secondary: light-dark(var(--fox-theme-secondary-60), var(--fox-theme-secondary-20)),
font-theme-secondary-inverse: light-dark(var(--fox-theme-secondary-10), var(--fox-theme-secondary-70)),
font-theme-accent: light-dark(var(--fox-theme-accent-60), var(--fox-theme-accent-20)),
font-theme-accent-inverse: light-dark(var(--fox-theme-accent-10), var(--fox-theme-accent-70)),
font-system-danger: light-dark(var(--fox-primitive-danger-60), var(--fox-primitive-danger-20)),
font-system-danger-inverse: light-dark(var(--fox-primitive-danger-10), var(--fox-primitive-danger-70)),
font-system-warning: light-dark(var(--fox-primitive-warning-60), var(--fox-primitive-warning-20)),
font-system-warning-inverse: light-dark(var(--fox-primitive-warning-10), var(--fox-primitive-warning-70)),
font-system-success: light-dark(var(--fox-primitive-success-60), var(--fox-primitive-success-20)),
font-system-success-inverse: light-dark(var(--fox-primitive-success-10), var(--fox-primitive-success-70)),
font-system-information: light-dark(var(--fox-primitive-information-60), var(--fox-primitive-information-20)),
font-system-information-inverse: light-dark(var(--fox-primitive-information-10), var(--fox-primitive-information-70)),
icon-neutral-strong: light-dark(var(--fox-primitive-neutral-90), var(--fox-primitive-neutral-5)),
icon-neutral-default: light-dark(var(--fox-primitive-neutral-70), var(--fox-primitive-neutral-20)),
icon-neutral-subtle: light-dark(var(--fox-primitive-neutral-50), var(--fox-primitive-neutral-30)),
icon-neutral-subtler: light-dark(var(--fox-primitive-neutral-40), var(--fox-primitive-neutral-40)),
icon-neutral-fill: light-dark(var(--fox-primitive-alpha-black25), var(--fox-primitive-alpha-white25)),
icon-neutral-strong-inverse: light-dark(var(--fox-primitive-alpha-white100), var(--fox-primitive-neutral-95)),
icon-neutral-default-inverse: light-dark(var(--fox-primitive-alpha-white75), var(--fox-primitive-neutral-90)),
icon-neutral-subtle-inverse: light-dark(var(--fox-primitive-alpha-white50), var(--fox-primitive-neutral-80)),
icon-neutral-subtler-inverse: light-dark(var(--fox-primitive-alpha-white25), var(--fox-primitive-neutral-70)),
icon-neutral-fill-inverse: light-dark(var(--fox-primitive-alpha-white25), var(--fox-primitive-neutral-70)),
icon-neutral-static: light-dark(var(--fox-primitive-neutral-90), var(--fox-primitive-neutral-90)),
icon-neutral-static-inverse: light-dark(var(--fox-primitive-neutral-0), var(--fox-primitive-neutral-0)),
icon-neutral-disabled: light-dark(var(--fox-primitive-neutral-40), var(--fox-primitive-neutral-60)),
icon-neutral-disabled-strong: light-dark(var(--fox-primitive-neutral-50), var(--fox-primitive-neutral-50)),
icon-theme-primary: light-dark(var(--fox-theme-primary-50), var(--fox-theme-primary-20)),
icon-theme-primary-strong: light-dark(var(--fox-theme-primary-60), var(--fox-theme-primary-30)),
icon-theme-primary-static: light-dark(var(--fox-theme-primary-50), var(--fox-theme-primary-50)),
icon-theme-primary-inverse: light-dark(var(--fox-theme-primary-10), var(--fox-theme-primary-70)),
icon-theme-secondary: light-dark(var(--fox-theme-secondary-60), var(--fox-theme-secondary-30)),
icon-theme-secondary-strong: light-dark(var(--fox-theme-secondary-70), var(--fox-theme-secondary-40)),
icon-theme-secondary-static: light-dark(var(--fox-theme-secondary-50), var(--fox-theme-secondary-50)),
icon-theme-secondary-inverse: light-dark(var(--fox-theme-secondary-10), var(--fox-theme-secondary-70)),
icon-theme-accent: light-dark(var(--fox-theme-accent-50), var(--fox-theme-accent-20)),
icon-theme-accent-strong: light-dark(var(--fox-theme-accent-60), var(--fox-theme-accent-30)),
icon-theme-accent-static: light-dark(var(--fox-theme-accent-50), var(--fox-theme-accent-50)),
icon-theme-accent-inverse: light-dark(var(--fox-theme-accent-10), var(--fox-theme-accent-70)),
icon-system-danger: light-dark(var(--fox-primitive-danger-50), var(--fox-primitive-danger-20)),
icon-system-danger-strong: light-dark(var(--fox-primitive-danger-60), var(--fox-primitive-danger-30)),
icon-system-danger-inverse: light-dark(var(--fox-primitive-danger-10), var(--fox-primitive-danger-70)),
icon-system-warning: light-dark(var(--fox-primitive-warning-50), var(--fox-primitive-warning-20)),
icon-system-warning-strong: light-dark(var(--fox-primitive-warning-60), var(--fox-primitive-warning-30)),
icon-system-warning-inverse: light-dark(var(--fox-primitive-warning-10), var(--fox-primitive-warning-70)),
icon-system-success: light-dark(var(--fox-primitive-success-50), var(--fox-primitive-success-20)),
icon-system-success-strong: light-dark(var(--fox-primitive-success-60), var(--fox-primitive-success-30)),
icon-system-success-inverse: light-dark(var(--fox-primitive-success-10), var(--fox-primitive-success-70)),
icon-system-information: light-dark(var(--fox-primitive-information-50), var(--fox-primitive-information-20)),
icon-system-information-strong: light-dark(var(--fox-primitive-information-60), var(--fox-primitive-information-30)),
icon-system-information-inverse: light-dark(var(--fox-primitive-information-10), var(--fox-primitive-information-70)),
element-neutral-strong: light-dark(var(--fox-primitive-neutral-60), var(--fox-primitive-neutral-40)),
element-neutral-default: light-dark(var(--fox-primitive-neutral-50), var(--fox-primitive-neutral-50)),
element-neutral-subtle: light-dark(var(--fox-primitive-neutral-10), var(--fox-primitive-neutral-90)),
element-neutral-subtler: light-dark(var(--fox-primitive-neutral-5), var(--fox-primitive-neutral-95)),
element-neutral-inverse: light-dark(var(--fox-primitive-neutral-0), var(--fox-primitive-neutral-95)),
element-neutral-inverse-static: light-dark(var(--fox-primitive-neutral-0), var(--fox-primitive-neutral-0)),
element-neutral-alpha: light-dark(rgb(0 0 0 / 0.25), rgb(0 0 0 / 0.5)),
element-neutral-alpha-inverse: light-dark(rgb(255 255 255 / 0.5), rgb(255 255 255 / 0.25)),
element-neutral-disabled: light-dark(var(--fox-primitive-neutral-20), var(--fox-primitive-neutral-80)),
element-neutral-disabled-strong: light-dark(var(--fox-primitive-neutral-40), var(--fox-primitive-neutral-60)),
element-theme-primary: light-dark(var(--fox-theme-primary-50), var(--fox-theme-primary-50)),
element-theme-primary-strong: light-dark(var(--fox-theme-primary-60), var(--fox-theme-primary-40)),
element-theme-primary-subtle: light-dark(var(--fox-theme-primary-10), var(--fox-theme-primary-90)),
element-theme-primary-subtler: light-dark(var(--fox-theme-primary-5), var(--fox-theme-primary-95)),
element-theme-secondary: light-dark(var(--fox-theme-secondary-70), var(--fox-theme-secondary-60)),
element-theme-secondary-strong: light-dark(var(--fox-theme-secondary-70), var(--fox-theme-secondary-60)),
element-theme-secondary-subtle: light-dark(var(--fox-theme-secondary-10), var(--fox-theme-secondary-90)),
element-theme-secondary-subtler: light-dark(var(--fox-theme-secondary-5), var(--fox-theme-secondary-95)),
element-theme-accent: light-dark(var(--fox-theme-accent-50), var(--fox-theme-accent-50)),
element-theme-accent-strong: light-dark(var(--fox-theme-accent-60), var(--fox-theme-accent-40)),
element-theme-accent-subtle: light-dark(var(--fox-theme-accent-10), var(--fox-theme-accent-90)),
element-theme-accent-subtler: light-dark(var(--fox-theme-accent-5), var(--fox-theme-accent-95)),
element-system-danger: light-dark(var(--fox-primitive-danger-50), var(--fox-primitive-danger-50)),
element-system-danger-strong: light-dark(var(--fox-primitive-danger-60), var(--fox-primitive-danger-40)),
element-system-danger-inverse: light-dark(var(--fox-primitive-danger-5), var(--fox-primitive-danger-95)),
element-system-warning: light-dark(var(--fox-primitive-warning-30), var(--fox-primitive-warning-30)),
element-system-warning-strong: light-dark(var(--fox-primitive-warning-50), var(--fox-primitive-warning-20)),
element-system-warning-inverse: light-dark(var(--fox-primitive-warning-5), var(--fox-primitive-warning-95)),
element-system-success: light-dark(var(--fox-primitive-success-50), var(--fox-primitive-success-50)),
element-system-success-strong: light-dark(var(--fox-primitive-success-60), var(--fox-primitive-success-40)),
element-system-success-inverse: light-dark(var(--fox-primitive-success-5), var(--fox-primitive-success-95)),
element-system-information: light-dark(var(--fox-primitive-information-50), var(--fox-primitive-information-50)),
element-system-information-strong: light-dark(var(--fox-primitive-information-60), var(--fox-primitive-information-40)),
element-system-information-inverse: light-dark(var(--fox-primitive-information-5), var(--fox-primitive-information-95)),
alpha-default100: light-dark(var(--fox-primitive-alpha-white100), var(--fox-primitive-alpha-black100)),
alpha-default75: light-dark(var(--fox-primitive-alpha-white75), var(--fox-primitive-alpha-black75)),
alpha-default50: light-dark(var(--fox-primitive-alpha-white50), var(--fox-primitive-alpha-black50)),
alpha-default25: light-dark(var(--fox-primitive-alpha-white25), var(--fox-primitive-alpha-black25)),
alpha-default10: light-dark(var(--fox-primitive-alpha-white10), var(--fox-primitive-alpha-black10)),
alpha-default0: light-dark(var(--fox-primitive-alpha-white0), var(--fox-primitive-alpha-black0)),
alpha-default-inverse100: light-dark(var(--fox-primitive-alpha-black100), var(--fox-primitive-alpha-white100)),
alpha-default-inverse75: light-dark(var(--fox-primitive-alpha-black75), var(--fox-primitive-alpha-white75)),
alpha-default-inverse50: light-dark(var(--fox-primitive-alpha-black50), var(--fox-primitive-alpha-white50)),
alpha-default-inverse25: light-dark(var(--fox-primitive-alpha-black25), var(--fox-primitive-alpha-white25)),
alpha-default-inverse10: light-dark(var(--fox-primitive-alpha-black10), var(--fox-primitive-alpha-white10)),
alpha-default-inverse0: light-dark(var(--fox-primitive-alpha-black0), var(--fox-primitive-alpha-white0)),
action-default: light-dark(var(--fox-primitive-neutral-0), var(--fox-primitive-neutral-100)),
action-default-hover: light-dark(var(--fox-primitive-neutral-5), var(--fox-primitive-neutral-95)),
action-default-pressed: light-dark(var(--fox-primitive-neutral-10), var(--fox-primitive-neutral-90)),
action-default-selected: light-dark(var(--fox-primitive-neutral-10), var(--fox-primitive-neutral-90)),
action-default-active: light-dark(var(--fox-primitive-neutral-70), var(--fox-primitive-neutral-60)),
action-neutral: light-dark(var(--fox-primitive-neutral-5), var(--fox-primitive-neutral-95)),
action-neutral-hover: light-dark(var(--fox-primitive-neutral-10), var(--fox-primitive-neutral-90)),
action-neutral-pressed: light-dark(var(--fox-primitive-neutral-20), var(--fox-primitive-neutral-80)),
action-neutral-selected: light-dark(var(--fox-primitive-neutral-20), var(--fox-primitive-neutral-80)),
action-neutral-active: light-dark(var(--fox-primitive-neutral-70), var(--fox-primitive-neutral-60)),
action-primary: light-dark(var(--fox-primitive-alpha-white0), var(--fox-primitive-alpha-black0)),
action-primary-hover: light-dark(var(--fox-theme-primary-5), var(--fox-theme-primary-95)),
action-primary-pressed: light-dark(var(--fox-theme-primary-10), var(--fox-theme-primary-90)),
action-primary-selected: light-dark(var(--fox-theme-primary-5), var(--fox-theme-primary-95)),
action-primary-active: light-dark(var(--fox-theme-primary-50), var(--fox-theme-primary-50)),
action-secondary: light-dark(var(--fox-primitive-alpha-white0), var(--fox-primitive-alpha-black0)),
action-secondary-hover: light-dark(var(--fox-theme-secondary-5), var(--fox-theme-secondary-95)),
action-secondary-pressed: light-dark(var(--fox-theme-secondary-10), var(--fox-theme-secondary-90)),
action-secondary-selected: light-dark(var(--fox-theme-secondary-5), var(--fox-theme-secondary-90)),
action-secondary-active: light-dark(var(--fox-theme-secondary-70), var(--fox-theme-secondary-60)),
button-primary-surface: light-dark(var(--fox-theme-primary-50), var(--fox-theme-primary-50)),
button-primary-surface-hover: light-dark(var(--fox-theme-primary-60), var(--fox-theme-primary-60)),
button-primary-surface-pressed: light-dark(var(--fox-theme-primary-70), var(--fox-theme-primary-70)),
button-primary-border: light-dark(var(--fox-primitive-alpha-black0), var(--fox-primitive-alpha-black0)),
button-primary-font: light-dark(var(--fox-primitive-alpha-white100), var(--fox-primitive-alpha-white100)),
button-secondary-surface: light-dark(var(--fox-theme-primary-5), var(--fox-theme-primary-95)),
button-secondary-surface-hover: light-dark(var(--fox-theme-primary-10), var(--fox-theme-primary-90)),
button-secondary-surface-pressed: light-dark(var(--fox-theme-primary-20), var(--fox-theme-primary-80)),
button-secondary-border: light-dark(var(--fox-theme-primary-30), var(--fox-theme-primary-70)),
button-secondary-font: light-dark(var(--fox-theme-primary-60), var(--fox-theme-primary-30)),
button-default-surface: light-dark(var(--fox-primitive-alpha-white0), var(--fox-primitive-alpha-black0)),
button-default-surface-hover: light-dark(var(--fox-primitive-neutral-5), var(--fox-primitive-neutral-95)),
button-default-surface-pressed: light-dark(var(--fox-primitive-neutral-10), var(--fox-primitive-neutral-80)),
button-default-border: light-dark(var(--fox-primitive-neutral-30), var(--fox-primitive-neutral-70)),
button-default-font: light-dark(var(--fox-primitive-neutral-70), var(--fox-primitive-neutral-20)),
button-text-surface: light-dark(var(--fox-primitive-alpha-white0), var(--fox-primitive-alpha-black0)),
button-text-surface-hover: light-dark(var(--fox-theme-secondary-5), var(--fox-theme-secondary-95)),
button-text-surface-pressed: light-dark(var(--fox-theme-secondary-10), var(--fox-theme-secondary-90)),
button-text-visited: light-dark(#5917B8, #C49FF9),
button-disabled-surface: light-dark(var(--fox-primitive-neutral-20), var(--fox-primitive-neutral-80)),
button-disabled-border: light-dark(var(--fox-primitive-neutral-30), var(--fox-primitive-neutral-70)),
button-disabled-font: light-dark(var(--fox-primitive-neutral-50), var(--fox-primitive-neutral-50)),
input-surface: light-dark(var(--fox-primitive-neutral-0), var(--fox-primitive-neutral-90)),
input-surface-disabled: light-dark(var(--fox-primitive-neutral-20), var(--fox-primitive-neutral-95)),
input-border: light-dark(var(--fox-primitive-neutral-60), var(--fox-primitive-neutral-40)),
input-border-active: light-dark(var(--fox-theme-primary-50), var(--fox-theme-primary-50)),
input-border-error: light-dark(var(--fox-primitive-danger-50), var(--fox-primitive-danger-50)),
input-border-success: light-dark(var(--fox-primitive-success-50), var(--fox-primitive-success-50)),
input-border-disabled: light-dark(var(--fox-primitive-neutral-30), var(--fox-primitive-neutral-70)),
chart-default-bar: light-dark(var(--fox-theme-primary-20), var(--fox-theme-primary-70)),
chart-default-surface: light-dark(var(--fox-theme-primary-10), var(--fox-theme-primary-70)),
chart-default-line: light-dark(var(--fox-theme-primary-50), var(--fox-theme-primary-70)),
chart-default-disabled: light-dark(var(--fox-primitive-neutral-20), var(--fox-primitive-neutral-70)),
chart-level-1: light-dark(var(--fox-theme-primary-90), var(--fox-theme-primary-10)),
chart-level-2: light-dark(var(--fox-theme-primary-70), var(--fox-theme-primary-20)),
chart-level-3: light-dark(var(--fox-theme-primary-50), var(--fox-theme-primary-40)),
chart-level-4: light-dark(var(--fox-theme-primary-40), var(--fox-theme-primary-50)),
chart-level-5: light-dark(var(--fox-theme-primary-20), var(--fox-theme-primary-70)),
chart-level-6: light-dark(var(--fox-theme-primary-10), var(--fox-theme-primary-90)),
chart-level-7: light-dark(var(--fox-primitive-neutral-60), var(--fox-primitive-neutral-10)),
chart-level-8: light-dark(var(--fox-primitive-neutral-40), var(--fox-primitive-neutral-20)),
chart-level-9: light-dark(var(--fox-primitive-neutral-20), var(--fox-primitive-neutral-40)),
chart-level-10: light-dark(var(--fox-primitive-neutral-10), var(--fox-primitive-neutral-60)),
chart-type-1-bar: light-dark(var(--fox-theme-primary-20), var(--fox-theme-primary-50)),
chart-type-1-line: light-dark(var(--fox-theme-primary-40), var(--fox-theme-primary-30)),
chart-type-1-surface: light-dark(var(--fox-theme-primary-5), var(--fox-theme-primary-95)),
chart-type-2-bar: light-dark(var(--fox-theme-accent-20), var(--fox-theme-accent-50)),
chart-type-2-line: light-dark(var(--fox-theme-accent-30), var(--fox-theme-accent-30)),
chart-type-2-surface: light-dark(var(--fox-theme-accent-5), var(--fox-theme-accent-95)),
chart-type-3-bar: light-dark(var(--fox-theme-secondary-20), var(--fox-theme-secondary-50)),
chart-type-3-line: light-dark(var(--fox-theme-secondary-30), var(--fox-theme-secondary-30)),
chart-type-3-surface: light-dark(var(--fox-theme-secondary-5), var(--fox-theme-secondary-95)),
chart-type-4-bar: light-dark(#FFDF94, #DEB451),
chart-type-4-line: light-dark(#FBC35A, #FBC35A),
chart-type-4-surface: light-dark(#FFF7E9, #2F2D28),
chart-type-5-bar: light-dark(#FF9F85, #D96645),
chart-type-5-line: light-dark(#FF7C57, #FF7C57),
chart-type-5-surface: light-dark(#FFECE7, #3F3330),
chart-alt-level-1: light-dark(#002D31, #D4F4F7),
chart-alt-level-2: light-dark(#005A62, #9EE7EE),
chart-alt-level-3: light-dark(#00828E, #1EBCCB),
chart-alt-level-4: light-dark(#1EBCCB, #00828E),
chart-alt-level-5: light-dark(#9EE7EE, #005A62),
chart-alt-level-6: light-dark(#D4F4F7, #002D31),
chart-alt-level-7: light-dark(var(--fox-primitive-neutral-60), var(--fox-primitive-neutral-10)),
chart-alt-level-8: light-dark(var(--fox-primitive-neutral-40), var(--fox-primitive-neutral-20)),
chart-alt-level-9: light-dark(var(--fox-primitive-neutral-20), var(--fox-primitive-neutral-40)),
chart-alt-level-10: light-dark(var(--fox-primitive-neutral-10), var(--fox-primitive-neutral-60)),
chart-alt-default-bar: light-dark(#9EE7EE, #005A62),
chart-alt-default-surface: light-dark(#D4F4F7, #005A62),
chart-alt-default-line: light-dark(#00828E, #005A62),
chart-alt-default-disabled: light-dark(var(--fox-primitive-neutral-20), var(--fox-primitive-neutral-70)),
chart-alt-type-1-bar: light-dark(#9EE7EE, #00828E),
chart-alt-type-1-line: light-dark(#1EBCCB, #57D2DE),
chart-alt-type-1-surface: light-dark(#E9FAFC, #001A1C),
chart-alt-type-2-bar: light-dark(#CDE566, #5E8100),
chart-alt-type-2-line: light-dark(#A7CC00, #A7CC00),
chart-alt-type-2-surface: light-dark(#F2F9D9, #121900),
chart-alt-type-3-bar: light-dark(#97CBED, #00577D),
chart-alt-type-3-line: light-dark(#52A6D3, #52A6D3),
chart-alt-type-3-surface: light-dark(#E8F4FC, #00080C),
chart-alt-type-4-bar: light-dark(#FFDF94, #DEB451),
chart-alt-type-4-line: light-dark(#FBC35A, #FBC35A),
chart-alt-type-4-surface: light-dark(#FFF7E9, #2F2D28),
chart-alt-type-5-bar: light-dark(#FF9F85, #D96645),
chart-alt-type-5-line: light-dark(#FF7C57, #FF7C57),
chart-alt-type-5-surface: light-dark(#FFECE7, #3F3330)
);