:root { --ca-color-primary: #6A4420; --ca-color-primary-d-1: #50351bff; --ca-color-primary-d-2: #372515ff; --ca-color-primary-d-3: #21170dff; --ca-color-primary-l-1: #8e6e52ff; --ca-color-primary-l-2: #b49c88ff; --ca-color-primary-l-3: #dbcdc2ff; --ca-color-secondary: #354E32; --ca-color-secondary-d-1: #293a27ff; --ca-color-secondary-d-2: #1f2a1dff; --ca-color-secondary-d-3: #121811ff; --ca-color-secondary-l-1: #62775fff; --ca-color-secondary-l-2: #93a191ff; --ca-color-secondary-l-3: #c9d0c8ff; --ca-color-bg-body: #e6e6e6ff; --ca-color-bg-surface: #ffffffff; --ca-color-text-body: #404040ff; --ca-color-text-title: #000000ff; --ca-color-border-primary: #80808040; --ca-color-shadow-primary: #00000026; --ca-color-light: #ffffffff; --ca-color-dark: #000000ff; --ca-color-success: #24f95dff; --ca-color-success-d-1: #2bb649ff; --ca-color-success-d-2: #257431ff; --ca-color-success-d-3: #1b3c1eff; --ca-color-success-l-1: #7dfc88ff; --ca-color-success-l-2: #aeffafff; --ca-color-success-l-3: #d8ffd6ff; --ca-color-error: #f92444ff; --ca-color-error-d-1: #b62534ff; --ca-color-error-d-2: #782125ff; --ca-color-error-d-3: #3c1616ff; --ca-color-error-l-1: #ff7070ff; --ca-color-error-l-2: #ffa59eff; --ca-color-error-l-3: #ffd1ccff; --ca-color-light-5: #ffffff0d; --ca-color-light-10: #ffffff1a; --ca-color-light-20: #ffffff33; --ca-color-light-30: #ffffff4d; --ca-color-light-40: #ffffff66; --ca-color-light-50: #ffffff80; --ca-color-light-60: #ffffff99; --ca-color-light-70: #ffffffb3; --ca-color-light-80: #ffffffcc; --ca-color-light-90: #ffffffe6; --ca-color-dark-5: #0000000d; --ca-color-dark-10: #0000001a; --ca-color-dark-20: #00000033; --ca-color-dark-30: #0000004d; --ca-color-dark-40: #00000066; --ca-color-dark-50: #00000080; --ca-color-dark-60: #00000099; --ca-color-dark-70: #000000b3; --ca-color-dark-80: #000000cc; --ca-color-dark-90: #000000e6; --ca-color-primary-70: hsl(114 22% 25% / 0.7); --ca-color-secondary-70: hsl(114 22% 25% / 0.7);}